CINXE.COM

<!DOCTYPE html><html lang="en" class="scroll-pt-[76px] straight-corners theme-clean no-tint sidebar-default sidebar-list-default links-default"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/9f5478b23a2dbc0b.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/c689b5a6a1432db7.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/5d367bf174d1b13d.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/95b358fb5c9305a3.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/faa0908d2237c5e3.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/3bdd257ccedfc70d.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/2567c890e467e55b.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/79eda1c72751119a.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/025312793db0b2d4.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/5fcb9b197f62bdf7.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/4af9aafd612346fe.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" nonce="ZWNiMmFiYzgtMjUyOS00NjIzLTllODQtYzA5MDExZTg1NTkx" href="https://static.gitbook.com/_next/static/chunks/webpack-7701ea28c02815ed.js"/><script src="https://static.gitbook.com/_next/static/chunks/1dd3208c-d78985df41c8a89e.js" async="" nonce="ZWNiMmFiYzgtMjUyOS00NjIzLTllODQtYzA5MDExZTg1NTkx"></script><script src="https://static.gitbook.com/_next/static/chunks/4850-4b0a9d49477fe59a.js" async="" nonce="ZWNiMmFiYzgtMjUyOS00NjIzLTllODQtYzA5MDExZTg1NTkx"></script><script src="https://static.gitbook.com/_next/static/chunks/main-app-c07e1aaf5d99656e.js" async="" nonce="ZWNiMmFiYzgtMjUyOS00NjIzLTllODQtYzA5MDExZTg1NTkx"></script><script src="https://static.gitbook.com/_next/static/chunks/app/global-error-b714c3eec7ee0789.js" async="" nonce="ZWNiMmFiYzgtMjUyOS00NjIzLTllODQtYzA5MDExZTg1NTkx"></script><script src="https://static.gitbook.com/_next/static/chunks/9322-ad0be248f8428e5e.js" async="" nonce="ZWNiMmFiYzgtMjUyOS00NjIzLTllODQtYzA5MDExZTg1NTkx"></script><script src="https://static.gitbook.com/_next/static/chunks/app/middleware/(space)/~gitbook/pdf/layout-1c5956032e5fa293.js" async="" nonce="ZWNiMmFiYzgtMjUyOS00NjIzLTllODQtYzA5MDExZTg1NTkx"></script><script src="https://static.gitbook.com/_next/static/chunks/8907-9009309fb3e0b083.js" async="" nonce="ZWNiMmFiYzgtMjUyOS00NjIzLTllODQtYzA5MDExZTg1NTkx"></script><script src="https://static.gitbook.com/_next/static/chunks/4289-e244cb7b0ef2dc5c.js" async="" nonce="ZWNiMmFiYzgtMjUyOS00NjIzLTllODQtYzA5MDExZTg1NTkx"></script><script src="https://static.gitbook.com/_next/static/chunks/5572-d068cc2bc8e73d12.js" async="" nonce="ZWNiMmFiYzgtMjUyOS00NjIzLTllODQtYzA5MDExZTg1NTkx"></script><script src="https://static.gitbook.com/_next/static/chunks/983-9489f7ffde3c01ca.js" async="" nonce="ZWNiMmFiYzgtMjUyOS00NjIzLTllODQtYzA5MDExZTg1NTkx"></script><script src="https://static.gitbook.com/_next/static/chunks/8091-a4921ca326c37a5a.js" async="" nonce="ZWNiMmFiYzgtMjUyOS00NjIzLTllODQtYzA5MDExZTg1NTkx"></script><script src="https://static.gitbook.com/_next/static/chunks/5843-8f7228bb2904612a.js" async="" nonce="ZWNiMmFiYzgtMjUyOS00NjIzLTllODQtYzA5MDExZTg1NTkx"></script><script src="https://static.gitbook.com/_next/static/chunks/app/middleware/(space)/~gitbook/pdf/page-b6e69b8a00c0b0bd.js" async="" nonce="ZWNiMmFiYzgtMjUyOS00NjIzLTllODQtYzA5MDExZTg1NTkx"></script><title>Umbraco UI Builder</title><meta name="robots" content="noindex, nofollow"/><meta name="next-size-adjust"/><link rel="privacy-policy" href="https://our.umbraco.com/privacy-policy"/><style> :root { --primary-1: 253 255 255; --contrast-primary-1: 29 29 29; --primary-2: 246 250 255; --contrast-primary-2: 29 29 29; --primary-3: 241 247 255; --contrast-primary-3: 29 29 29; --primary-4: 234 242 255; --contrast-primary-4: 29 29 29; --primary-5: 227 237 255; --contrast-primary-5: 29 29 29; --primary-6: 217 229 255; --contrast-primary-6: 29 29 29; --primary-7: 203 216 253; --contrast-primary-7: 29 29 29; --primary-8: 188 203 246; --contrast-primary-8: 29 29 29; --primary-9: 97 125 224; --contrast-primary-9: 255 255 255; --primary-10: 86 113 211; --contrast-primary-10: 255 255 255; --primary-11: 76 101 198; --contrast-primary-11: 255 255 255; --primary-12: 11 0 99; --contrast-primary-12: 255 255 255; --primary-original: 40 58 151; --contrast-primary-original: 255 255 255; --tint-1: 255 255 255; --contrast-tint-1: 29 29 29; --tint-2: 249 250 252; --contrast-tint-2: 29 29 29; --tint-3: 246 247 251; --contrast-tint-3: 29 29 29; --tint-4: 240 242 247; --contrast-tint-4: 29 29 29; --tint-5: 235 237 242; --contrast-tint-5: 29 29 29; --tint-6: 227 229 236; --contrast-tint-6: 29 29 29; --tint-7: 214 217 224; --contrast-tint-7: 29 29 29; --tint-8: 201 204 213; --contrast-tint-8: 29 29 29; --tint-9: 125 132 152; --contrast-tint-9: 255 255 255; --tint-10: 114 121 140; --contrast-tint-10: 255 255 255; --tint-11: 103 110 129; --contrast-tint-11: 255 255 255; --tint-12: 23 28 44; --contrast-tint-12: 255 255 255; --tint-original: 120 120 120; --contrast-tint-original: 255 255 255; --neutral-1: 255 255 255; --contrast-neutral-1: 29 29 29; --neutral-2: 250 250 250; --contrast-neutral-2: 29 29 29; --neutral-3: 247 247 247; --contrast-neutral-3: 29 29 29; --neutral-4: 242 242 242; --contrast-neutral-4: 29 29 29; --neutral-5: 237 237 237; --contrast-neutral-5: 29 29 29; --neutral-6: 229 229 229; --contrast-neutral-6: 29 29 29; --neutral-7: 217 217 217; --contrast-neutral-7: 29 29 29; --neutral-8: 204 204 204; --contrast-neutral-8: 29 29 29; --neutral-9: 120 120 120; --contrast-neutral-9: 255 255 255; --neutral-10: 121 121 121; --contrast-neutral-10: 255 255 255; --neutral-11: 110 110 110; --contrast-neutral-11: 255 255 255; --neutral-12: 29 29 29; --contrast-neutral-12: 255 255 255; --neutral-original: 120 120 120; --contrast-neutral-original: 255 255 255; --header-background: 40 58 151; --header-link: 255 255 255; --info-1: 255 255 255; --contrast-info-1: 29 29 29; --info-2: 250 250 250; --contrast-info-2: 29 29 29; --info-3: 247 247 247; --contrast-info-3: 29 29 29; --info-4: 242 242 242; --contrast-info-4: 29 29 29; --info-5: 237 237 237; --contrast-info-5: 29 29 29; --info-6: 229 229 229; --contrast-info-6: 29 29 29; --info-7: 217 217 217; --contrast-info-7: 29 29 29; --info-8: 204 204 204; --contrast-info-8: 29 29 29; --info-9: 120 120 120; --contrast-info-9: 255 255 255; --info-10: 121 121 121; --contrast-info-10: 255 255 255; --info-11: 110 110 110; --contrast-info-11: 255 255 255; --info-12: 29 29 29; --contrast-info-12: 255 255 255; --info-original: 120 120 120; --contrast-info-original: 255 255 255; --warning-1: 255 254 249; --contrast-warning-1: 29 29 29; --warning-2: 255 248 238; --contrast-warning-2: 29 29 29; --warning-3: 255 244 230; --contrast-warning-3: 29 29 29; --warning-4: 255 238 219; --contrast-warning-4: 29 29 29; --warning-5: 255 232 208; --contrast-warning-5: 29 29 29; --warning-6: 255 223 194; --contrast-warning-6: 29 29 29; --warning-7: 246 210 176; --contrast-warning-7: 29 29 29; --warning-8: 237 196 157; --contrast-warning-8: 29 29 29; --warning-9: 254 154 0; --contrast-warning-9: 29 29 29; --warning-10: 187 92 0; --contrast-warning-10: 255 255 255; --warning-11: 174 81 0; --contrast-warning-11: 255 255 255; --warning-12: 75 0 0; --contrast-warning-12: 255 255 255; --warning-original: 254 154 0; --contrast-warning-original: 29 29 29; --danger-1: 255 252 251; --contrast-danger-1: 29 29 29; --danger-2: 255 244 242; --contrast-danger-2: 29 29 29; --danger-3: 255 239 235; --contrast-danger-3: 29 29 29; --danger-4: 255 231 226; --contrast-danger-4: 29 29 29; --danger-5: 255 223 217; --contrast-danger-5: 29 29 29; --danger-6: 255 212 205; --contrast-danger-6: 29 29 29; --danger-7: 255 196 189; --contrast-danger-7: 29 29 29; --danger-8: 255 181 173; --contrast-danger-8: 29 29 29; --danger-9: 251 44 54; --contrast-danger-9: 255 255 255; --danger-10: 228 0 33; --contrast-danger-10: 255 255 255; --danger-11: 214 0 17; --contrast-danger-11: 255 255 255; --danger-12: 101 0 0; --contrast-danger-12: 255 255 255; --danger-original: 251 44 54; --contrast-danger-original: 255 255 255; --success-1: 251 255 251; --contrast-success-1: 29 29 29; --success-2: 241 254 242; --contrast-success-2: 29 29 29; --success-3: 234 254 236; --contrast-success-3: 29 29 29; --success-4: 224 251 227; --contrast-success-4: 29 29 29; --success-5: 214 248 218; --contrast-success-5: 29 29 29; --success-6: 202 242 206; --contrast-success-6: 29 29 29; --success-7: 185 231 190; --contrast-success-7: 29 29 29; --success-8: 167 220 173; --contrast-success-8: 29 29 29; --success-9: 0 201 80; --contrast-success-9: 29 29 29; --success-10: 0 152 23; --contrast-success-10: 255 255 255; --success-11: 0 140 0; --contrast-success-11: 255 255 255; --success-12: 0 47 0; --contrast-success-12: 255 255 255; --success-original: 0 201 80; --contrast-success-original: 29 29 29; } .dark { --primary-1: 32 28 28; --contrast-primary-1: 255 255 255; --primary-2: 40 33 32; --contrast-primary-2: 255 255 255; --primary-3: 52 41 41; --contrast-primary-3: 255 255 255; --primary-4: 58 43 43; --contrast-primary-4: 255 255 255; --primary-5: 67 48 48; --contrast-primary-5: 255 255 255; --primary-6: 73 51 51; --contrast-primary-6: 255 255 255; --primary-7: 86 59 60; --contrast-primary-7: 255 255 255; --primary-8: 100 68 69; --contrast-primary-8: 255 255 255; --primary-9: 251 160 162; --contrast-primary-9: 29 29 29; --primary-10: 202 116 119; --contrast-primary-10: 255 255 255; --primary-11: 255 163 165; --contrast-primary-11: 29 29 29; --primary-12: 255 226 227; --contrast-primary-12: 29 29 29; --primary-original: 251 160 162; --contrast-primary-original: 29 29 29; --tint-1: 29 29 29; --contrast-tint-1: 255 255 255; --tint-2: 35 34 34; --contrast-tint-2: 255 255 255; --tint-3: 45 44 43; --contrast-tint-3: 255 255 255; --tint-4: 49 47 47; --contrast-tint-4: 255 255 255; --tint-5: 55 53 53; --contrast-tint-5: 255 255 255; --tint-6: 59 57 57; --contrast-tint-6: 255 255 255; --tint-7: 70 67 67; --contrast-tint-7: 255 255 255; --tint-8: 80 77 77; --contrast-tint-8: 255 255 255; --tint-9: 139 130 130; --contrast-tint-9: 255 255 255; --tint-10: 151 142 142; --contrast-tint-10: 255 255 255; --tint-11: 199 189 189; --contrast-tint-11: 29 29 29; --tint-12: 255 252 252; --contrast-tint-12: 29 29 29; --tint-original: 120 120 120; --contrast-tint-original: 255 255 255; --neutral-1: 29 29 29; --contrast-neutral-1: 255 255 255; --neutral-2: 34 34 34; --contrast-neutral-2: 255 255 255; --neutral-3: 44 44 44; --contrast-neutral-3: 255 255 255; --neutral-4: 48 48 48; --contrast-neutral-4: 255 255 255; --neutral-5: 53 53 53; --contrast-neutral-5: 255 255 255; --neutral-6: 57 57 57; --contrast-neutral-6: 255 255 255; --neutral-7: 67 67 67; --contrast-neutral-7: 255 255 255; --neutral-8: 78 78 78; --contrast-neutral-8: 255 255 255; --neutral-9: 120 120 120; --contrast-neutral-9: 255 255 255; --neutral-10: 144 144 144; --contrast-neutral-10: 255 255 255; --neutral-11: 192 192 192; --contrast-neutral-11: 29 29 29; --neutral-12: 255 255 255; --contrast-neutral-12: 29 29 29; --neutral-original: 120 120 120; --contrast-neutral-original: 255 255 255; --header-background: 251 160 162; --header-link: 29 29 29; --info-1: 29 29 29; --contrast-info-1: 255 255 255; --info-2: 34 34 34; --contrast-info-2: 255 255 255; --info-3: 44 44 44; --contrast-info-3: 255 255 255; --info-4: 48 48 48; --contrast-info-4: 255 255 255; --info-5: 53 53 53; --contrast-info-5: 255 255 255; --info-6: 57 57 57; --contrast-info-6: 255 255 255; --info-7: 67 67 67; --contrast-info-7: 255 255 255; --info-8: 78 78 78; --contrast-info-8: 255 255 255; --info-9: 120 120 120; --contrast-info-9: 255 255 255; --info-10: 144 144 144; --contrast-info-10: 255 255 255; --info-11: 192 192 192; --contrast-info-11: 29 29 29; --info-12: 255 255 255; --contrast-info-12: 29 29 29; --info-original: 120 120 120; --contrast-info-original: 255 255 255; --warning-1: 32 28 25; --contrast-warning-1: 255 255 255; --warning-2: 40 33 26; --contrast-warning-2: 255 255 255; --warning-3: 53 41 30; --contrast-warning-3: 255 255 255; --warning-4: 60 44 29; --contrast-warning-4: 255 255 255; --warning-5: 69 49 29; --contrast-warning-5: 255 255 255; --warning-6: 76 52 27; --contrast-warning-6: 255 255 255; --warning-7: 90 61 30; --contrast-warning-7: 255 255 255; --warning-8: 104 70 34; --contrast-warning-8: 255 255 255; --warning-9: 254 154 0; --contrast-warning-9: 29 29 29; --warning-10: 213 116 0; --contrast-warning-10: 255 255 255; --warning-11: 255 165 34; --contrast-warning-11: 29 29 29; --warning-12: 255 229 115; --contrast-warning-12: 29 29 29; --warning-original: 254 154 0; --contrast-warning-original: 29 29 29; --danger-1: 34 27 26; --contrast-danger-1: 255 255 255; --danger-2: 45 30 29; --contrast-danger-2: 255 255 255; --danger-3: 60 37 35; --contrast-danger-3: 255 255 255; --danger-4: 69 38 35; --contrast-danger-4: 255 255 255; --danger-5: 80 41 38; --contrast-danger-5: 255 255 255; --danger-6: 89 41 38; --contrast-danger-6: 255 255 255; --danger-7: 105 48 44; --contrast-danger-7: 255 255 255; --danger-8: 121 54 50; --contrast-danger-8: 255 255 255; --danger-9: 251 44 54; --contrast-danger-9: 255 255 255; --danger-10: 255 52 59; --contrast-danger-10: 255 255 255; --danger-11: 255 113 108; --contrast-danger-11: 255 255 255; --danger-12: 255 180 169; --contrast-danger-12: 29 29 29; --danger-original: 251 44 54; --contrast-danger-original: 255 255 255; --success-1: 26 31 26; --contrast-success-1: 255 255 255; --success-2: 28 37 29; --contrast-success-2: 255 255 255; --success-3: 33 48 35; --contrast-success-3: 255 255 255; --success-4: 33 54 35; --contrast-success-4: 255 255 255; --success-5: 34 61 38; --contrast-success-5: 255 255 255; --success-6: 32 66 38; --contrast-success-6: 255 255 255; --success-7: 37 78 44; --contrast-success-7: 255 255 255; --success-8: 41 90 50; --contrast-success-8: 255 255 255; --success-9: 0 201 80; --contrast-success-9: 29 29 29; --success-10: 0 176 54; --contrast-success-10: 255 255 255; --success-11: 62 227 106; --contrast-success-11: 29 29 29; --success-12: 139 255 168; --contrast-success-12: 29 29 29; --success-original: 0 201 80; --contrast-success-original: 29 29 29; } </style><script src="https://static.gitbook.com/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule="" nonce="ZWNiMmFiYzgtMjUyOS00NjIzLTllODQtYzA5MDExZTg1NTkx"></script></head><body class="__className_2f5617 __className_aca046 __variable_96046e bg-tint-base theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle theme-gradient:bg-gradient-primary theme-gradient-tint:bg-gradient-tint"><div class="print-mode"><div class="fixed left-12 top-12 print:hidden z-50"><a title="Go back to content" href="https://docs.umbraco.com/umbraco-ui-builder/" class="flex flex-row items-center justify-center text-sm text-tint hover:text-primary p-4 rounded-full bg-white shadow-sm hover:shadow-md border-slate-300 border"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/arrow-left.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-6"></svg></a></div><div class="fixed right-12 top-12 print:hidden z-50"><button title="Print or Save as PDF" class="flex flex-row items-center justify-center text-sm text-tint hover:text-primary p-4 rounded-full bg-white shadow-sm hover:shadow-md border-slate-300 border"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/print.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-6"></svg></button></div><div class="fixed left-12 bottom-12 flex flex-col gap-2 print:hidden z-50"><a class="button inline-block rounded-md straight-corners:rounded-none place-self-start ring-1 ring-tint hover:ring-tint-hover shadow-sm shadow-tint dark:shadow-tint-1 hover:shadow-md active:shadow-none contrast-more:ring-tint-12 contrast-more:hover:ring-2 contrast-more:hover:ring-tint-12 hover:scale-105 active:scale-100 transition-all grow-0 shrink-0 truncate bg-tint text-tint hover:bg-tint-hover hover:text-primary contrast-more:bg-tint-subtle text-base px-4 py-2" href="https://docs.umbraco.com/umbraco-ui-builder/~gitbook/pdf">All pages</a><div class="mt-5"><a target="_blank" class="text-sm font-semibold text-tint flex flex-row items-center px-5 py-4 sidebar-filled:px-3 rounded-lg straight-corners:rounded-none hover:bg-tint hover:text-tint-strong ring-2 lg:ring-1 ring-inset ring-tint-subtle transition-colors pointer-events-auto" href="https://www.gitbook.com/?utm_source=content&utm_medium=trademark&utm_campaign=TLdPb7Kqjco0jy1pUV8B"><svg style="mask-image:url(https://static.gitbook.com/~gitbook/static/icons/svgs/custom-icons/gitbook.svg?v=2);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-5 mr-3"></svg>Powered by GitBook</a></div></div><div class="fixed right-12 bottom-12 flex flex-col items-end gap-2 print:hidden z-50"><div class="flex flex-row items-center justify-center text-lg text-tint px-6 py-2 bg-slate-100 rounded-full shadow-sm border-slate-300 border">1 of 1</div></div><template id="B:0"></template><div id="pdf-page-o8AmGDGbYoYFg7YeNYzr" class="my-11 print:my-0 mx-auto max-w-4xl w-full p-12 print:p-0 shadow-xl print:shadow-none rounded-sm bg-white min-h-[29.7cm] print:min-h-0 break-before-page break-anywhere"><p>Loading...</p></div></div><script src="https://static.gitbook.com/_next/static/chunks/webpack-7701ea28c02815ed.js" nonce="ZWNiMmFiYzgtMjUyOS00NjIzLTllODQtYzA5MDExZTg1NTkx" async=""></script><script nonce="ZWNiMmFiYzgtMjUyOS00NjIzLTllODQtYzA5MDExZTg1NTkx">(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script nonce="ZWNiMmFiYzgtMjUyOS00NjIzLTllODQtYzA5MDExZTg1NTkx">self.__next_f.push([1,"1:HC[\"https://static.gitbook.com\",\"\"]\n2:HL[\"https://static.gitbook.com/_next/static/css/9f5478b23a2dbc0b.css\",\"style\"]\n3:HL[\"https://static.gitbook.com/_next/static/css/c689b5a6a1432db7.css\",\"style\"]\n4:HL[\"https://static.gitbook.com/_next/static/css/5d367bf174d1b13d.css\",\"style\"]\n5:HL[\"https://static.gitbook.com/_next/static/css/95b358fb5c9305a3.css\",\"style\"]\n6:HL[\"https://static.gitbook.com/_next/static/css/faa0908d2237c5e3.css\",\"style\"]\n7:HL[\"https://static.gitbook.com/_next/static/css/3bdd257ccedfc70d.css\",\"style\"]\n8:HL[\"https://static.gitbook.com/_next/static/css/2567c890e467e55b.css\",\"style\"]\n9:HL[\"https://static.gitbook.com/_next/static/css/79eda1c72751119a.css\",\"style\"]\na:HL[\"https://static.gitbook.com/_next/static/css/025312793db0b2d4.css\",\"style\"]\nb:HL[\"https://static.gitbook.com/_next/static/css/5fcb9b197f62bdf7.css\",\"style\"]\nc:HL[\"https://static.gitbook.com/_next/static/css/4af9aafd612346fe.css\",\"style\"]\nd:I[11815,[],\"default\"]\n11:I[55092,[],\"default\"]\n12:I[82023,[],\"default\"]\n14:I[44622,[\"6470\",\"static/chunks/app/global-error-b714c3eec7ee0789.js\"],\"default\"]\n15:[]\n0:[\"$\",\"$Ld\",null,{\"buildId\":\"OK1RkwojeS7tJbgRbJRtr\",\"assetPrefix\":\"https://static.gitbook.com\",\"urlParts\":[\"\",\"umbraco-ui-builder\",\"~gitbook\",\"pdf?page=o8AmGDGbYoYFg7YeNYzr\u0026only=yes\"],\"initialTree\":[\"\",{\"children\":[\"middleware\",{\"children\":[\"(space)\",{\"children\":[\"~gitbook\",{\"children\":[\"pdf\",{\"children\":[\"__PAGE__?{\\\"page\\\":\\\"o8AmGDGbYoYFg7YeNYzr\\\",\\\"only\\\":\\\"yes\\\"}\",{}]},\"$undefined\",\"$undefined\",true]}]}]}]}],\"initialSeedData\":[\"\",{\"children\":[\"middleware\",{\"children\":[\"(space)\",{\"children\":[\"~gitbook\",{\"children\":[\"pdf\",{\"children\":[\"__PAGE__\",{},[[\"$Le\",\"$Lf\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/faa0908d2237c5e3.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/3bdd257ccedfc70d.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/2567c890e467e55b.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/79eda1c72751119a.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"4\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/025312793db0b2d4.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"5\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/5fcb9b197f62bdf7.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"6\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/4af9aafd612346fe.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]]],null],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/9f5478b23a2dbc0b.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/c689b5a6a1432db7.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/5d367bf174d1b13d.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/95b358fb5c9305a3.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],\"$L10\"],null],null]},[null,[\"$\",\"$L11\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"middleware\",\"children\",\"(space)\",\"children\",\"~gitbook\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L12\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]],null]},[null,[\"$\",\"$L11\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"middleware\",\"children\",\"(space)\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L12\",null,{}],\"templateStyles\":\"$undef"])</script><script nonce="ZWNiMmFiYzgtMjUyOS00NjIzLTllODQtYzA5MDExZTg1NTkx">self.__next_f.push([1,"ined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]],null]},[null,[\"$\",\"$L11\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"middleware\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L12\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]],null]},[null,[\"$\",\"$L11\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L12\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[]}]],null],\"couldBeIntercepted\":false,\"initialHead\":[null,\"$L13\"],\"globalErrorComponent\":\"$14\",\"missingSlots\":\"$W15\"}]\n16:I[22563,[\"9322\",\"static/chunks/9322-ad0be248f8428e5e.js\",\"1816\",\"static/chunks/app/middleware/(space)/~gitbook/pdf/layout-1c5956032e5fa293.js\"],\"Icon\"]\n17:I[2391,[\"8907\",\"static/chunks/8907-9009309fb3e0b083.js\",\"4289\",\"static/chunks/4289-e244cb7b0ef2dc5c.js\",\"5572\",\"static/chunks/5572-d068cc2bc8e73d12.js\",\"983\",\"static/chunks/983-9489f7ffde3c01ca.js\",\"8091\",\"static/chunks/8091-a4921ca326c37a5a.js\",\"5843\",\"static/chunks/5843-8f7228bb2904612a.js\",\"7068\",\"static/chunks/app/middleware/(space)/~gitbook/pdf/page-b6e69b8a00c0b0bd.js\"],\"PrintButton\"]\n18:I[42901,[\"8907\",\"static/chunks/8907-9009309fb3e0b083.js\",\"4289\",\"static/chunks/4289-e244cb7b0ef2dc5c.js\",\"5572\",\"static/chunks/5572-d068cc2bc8e73d12.js\",\"983\",\"static/chunks/983-9489f7ffde3c01ca.js\",\"8091\",\"static/chunks/8091-a4921ca326c37a5a.js\",\"5843\",\"static/chunks/5843-8f7228bb2904612a.js\",\"7068\",\"static/chunks/app/middleware/(space)/~gitbook/pdf/page-b6e69b8a00c0b0bd.js\"],\"PageControlButtons\"]\n19:I[22833,[\"8907\",\"static/chunks/8907-9009309fb3e0b083.js\",\"4289\",\"static/chunks/4289-e244cb7b0ef2dc5c.js\",\"5572\",\"static/chunks/5572-d068cc2bc8e73d12.js\",\"983\",\"static/chunks/983-9489f7ffde3c01ca.js\",\"8091\",\"static/chunks/8091-a4921ca326c37a5a.js\",\"5843\",\"static/chunks/5843-8f7228bb2904612a.js\",\"7068\",\"static/chunks/app/middleware/(space)/~gitbook/pdf/page-b6e69b8a00c0b0bd.js\"],\"Link\"]\n1a:\"$Sreact.suspense\"\nf:[\"$\",\"div\",null,{\"className\":\"print-mode\",\"children\":[[\"$\",\"div\",null,{\"className\":\"fixed left-12 top-12 print:hidden z-50\",\"children\":[\"$\",\"a\",null,{\"title\":\"Go back to content\",\"href\":\"https://docs.umbraco.com/umbraco-ui-builder/\",\"className\":\"flex flex-row items-center justify-center text-sm text-tint hover:text-primary p-4 rounded-full bg-white shadow-sm hover:shadow-md border-slate-300 border\",\"children\":[\"$\",\"$L16\",null,{\"icon\":\"arrow-left\",\"className\":\"size-6\"}]}]}],[\"$\",\"div\",null,{\"className\":\"fixed right-12 top-12 print:hidden z-50\",\"children\":[\"$\",\"$L17\",null,{\"title\":\"Print or Save as PDF\",\"className\":\"flex flex-row items-center justify-center text-sm text-tint hover:text-primary p-4 rounded-full bg-white shadow-sm hover:shadow-md border-slate-300 border\",\"children\":[\"$\",\"$L16\",null"])</script><script nonce="ZWNiMmFiYzgtMjUyOS00NjIzLTllODQtYzA5MDExZTg1NTkx">self.__next_f.push([1,",{\"icon\":\"print\",\"className\":\"size-6\"}]}]}],[\"$\",\"$L18\",null,{\"pageIds\":[[\"o8AmGDGbYoYFg7YeNYzr\",\"pdf-page-o8AmGDGbYoYFg7YeNYzr\"]],\"pdfHref\":\"https://docs.umbraco.com/umbraco-ui-builder/~gitbook/pdf?page=o8AmGDGbYoYFg7YeNYzr\u0026only=yes\",\"singlePageMode\":true,\"total\":1,\"limit\":100,\"trademark\":[\"$\",\"$L19\",null,{\"target\":\"_blank\",\"href\":\"https://www.gitbook.com/?utm_source=content\u0026utm_medium=trademark\u0026utm_campaign=TLdPb7Kqjco0jy1pUV8B\",\"className\":\"text-sm font-semibold text-tint flex flex-row items-center px-5 py-4 sidebar-filled:px-3 rounded-lg straight-corners:rounded-none hover:bg-tint hover:text-tint-strong ring-2 lg:ring-1 ring-inset ring-tint-subtle transition-colors pointer-events-auto\",\"insights\":{\"type\":\"trademark_click\",\"placement\":\"pdf\"},\"children\":[[\"$\",\"$L16\",null,{\"icon\":\"gitbook\",\"className\":\"size-5 mr-3\"}],\"Powered by GitBook\"]}]}],null,[[\"$\",\"$1a\",\"o8AmGDGbYoYFg7YeNYzr\",{\"fallback\":[\"$\",\"div\",null,{\"id\":\"pdf-page-o8AmGDGbYoYFg7YeNYzr\",\"className\":\"my-11 print:my-0 mx-auto max-w-4xl w-full p-12 print:p-0 shadow-xl print:shadow-none rounded-sm bg-white min-h-[29.7cm] print:min-h-0 break-before-page break-anywhere\",\"children\":[\"$\",\"p\",null,{\"children\":\"Loading...\"}]}],\"children\":\"$L1b\"}]]]}]\n13:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"2\",{\"children\":\"Umbraco UI Builder\"}],[\"$\",\"meta\",\"3\",{\"name\":\"robots\",\"content\":\"noindex, nofollow\"}],[\"$\",\"meta\",\"4\",{\"name\":\"next-size-adjust\"}]]\ne:null\n1d:I[5145,[\"9322\",\"static/chunks/9322-ad0be248f8428e5e.js\",\"1816\",\"static/chunks/app/middleware/(space)/~gitbook/pdf/layout-1c5956032e5fa293.js\"],\"IconsProvider\"]\n1e:I[75489,[\"9322\",\"static/chunks/9322-ad0be248f8428e5e.js\",\"1816\",\"static/chunks/app/middleware/(space)/~gitbook/pdf/layout-1c5956032e5fa293.js\"],\"ClientContexts\"]\n1c:T2bc2,\n :root {\n --primary-1: 253 255 255; --contrast-primary-1: 29 29 29;\n--primary-2: 246 250 255; --contrast-primary-2: 29 29 29;\n--primary-3: 241 247 255; --contrast-primary-3: 29 29 29;\n--primary-4: 234 242 255; --contrast-primary-4: 29 29 29;\n--primary-5: 227 237 255; --contrast-primary-5: 29 29 29;\n--primary-6: 217 229 255; --contrast-primary-6: 29 29 29;\n--primary-7: 203 216 253; --contrast-primary-7: 29 29 29;\n--primary-8: 188 203 246; --contrast-primary-8: 29 29 29;\n--primary-9: 97 125 224; --contrast-primary-9: 255 255 255;\n--primary-10: 86 113 211; --contrast-primary-10: 255 255 255;\n--primary-11: 76 101 198; --contrast-primary-11: 255 255 255;\n--primary-12: 11 0 99; --contrast-primary-12: 255 255 255;\n--primary-original: 40 58 151; --contrast-primary-original: 255 255 255;\n --tint-1: 255 255 255; --contrast-tint-1: 29 29 29;\n--tint-2: 249 250 252; --contrast-tint-2: 29 29 29;\n--tint-3: 246 247 251; --contrast-tint-3: 29 29 29;\n--tint-4: 240 242 247; --contrast-tint-4: 29 29 29;\n--tint-5: 235 237 242; --contrast-tint-5: 29 29 29;\n--tint-6: 227 229 236; --contrast-tint-6: 29 29 29;\n--tint-7: 214 217 224; --contrast-tint-7: 29 29 29;\n--tint-8: 201 204 213; --contrast-tint-8: 29 29 29;\n--tint-9: 125 132 152; --contrast-tint-9: 255 255 255;\n--tint-10: 114 121 140; --contrast-tint-10: 255 255 255;\n--tint-11: 103 110 129; --contrast-tint-11: 255 255 255;\n--tint-12: 23 28 44; --contrast-tint-12: 255 255 255;\n--tint-original: 120 120 120; --contrast-tint-original: 255 255 255;\n --neutral-1: 255 255 255; --contrast-neutral-1: 29 29 29;\n--neutral-2: 250 250 250; --contrast-neutral-2: 29 29 29;\n--neutral-3: 247 247 247; --contrast-neutral-3: 29 29 29;\n--neutral-4: 242 242 242; --contrast-neutral-4: 29 29 29;\n--neutral-5: 237 237 237; --contrast-neutral-5: 29 29 29;\n--neutral-6: 229 229 229; --contrast-neutral-6: 29 29 29;\n--neutral-7: 217 217 217; --contrast-neutral-7: 29 29 29;\n--neutral-8: 204 204 204; --contrast-neutral-8: 29 29 29;\n--neutral-9: 120 120 120; --contrast-neutral-9: 255 255 255;\n--neutral-10: 121 121 121; --contrast-neutral-10: 255 255 255;\n--neutral-11: 110 110 110; --contrast-neutral-11: 255 255 255;\n--"])</script><script nonce="ZWNiMmFiYzgtMjUyOS00NjIzLTllODQtYzA5MDExZTg1NTkx">self.__next_f.push([1,"neutral-12: 29 29 29; --contrast-neutral-12: 255 255 255;\n--neutral-original: 120 120 120; --contrast-neutral-original: 255 255 255;\n\n --header-background: 40 58 151;\n --header-link: 255 255 255;\n\n --info-1: 255 255 255; --contrast-info-1: 29 29 29;\n--info-2: 250 250 250; --contrast-info-2: 29 29 29;\n--info-3: 247 247 247; --contrast-info-3: 29 29 29;\n--info-4: 242 242 242; --contrast-info-4: 29 29 29;\n--info-5: 237 237 237; --contrast-info-5: 29 29 29;\n--info-6: 229 229 229; --contrast-info-6: 29 29 29;\n--info-7: 217 217 217; --contrast-info-7: 29 29 29;\n--info-8: 204 204 204; --contrast-info-8: 29 29 29;\n--info-9: 120 120 120; --contrast-info-9: 255 255 255;\n--info-10: 121 121 121; --contrast-info-10: 255 255 255;\n--info-11: 110 110 110; --contrast-info-11: 255 255 255;\n--info-12: 29 29 29; --contrast-info-12: 255 255 255;\n--info-original: 120 120 120; --contrast-info-original: 255 255 255;\n --warning-1: 255 254 249; --contrast-warning-1: 29 29 29;\n--warning-2: 255 248 238; --contrast-warning-2: 29 29 29;\n--warning-3: 255 244 230; --contrast-warning-3: 29 29 29;\n--warning-4: 255 238 219; --contrast-warning-4: 29 29 29;\n--warning-5: 255 232 208; --contrast-warning-5: 29 29 29;\n--warning-6: 255 223 194; --contrast-warning-6: 29 29 29;\n--warning-7: 246 210 176; --contrast-warning-7: 29 29 29;\n--warning-8: 237 196 157; --contrast-warning-8: 29 29 29;\n--warning-9: 254 154 0; --contrast-warning-9: 29 29 29;\n--warning-10: 187 92 0; --contrast-warning-10: 255 255 255;\n--warning-11: 174 81 0; --contrast-warning-11: 255 255 255;\n--warning-12: 75 0 0; --contrast-warning-12: 255 255 255;\n--warning-original: 254 154 0; --contrast-warning-original: 29 29 29;\n --danger-1: 255 252 251; --contrast-danger-1: 29 29 29;\n--danger-2: 255 244 242; --contrast-danger-2: 29 29 29;\n--danger-3: 255 239 235; --contrast-danger-3: 29 29 29;\n--danger-4: 255 231 226; --contrast-danger-4: 29 29 29;\n--danger-5: 255 223 217; --contrast-danger-5: 29 29 29;\n--danger-6: 255 212 205; --contrast-danger-6: 29 29 29;\n--danger-7: 255 196 189; --contrast-danger-7: 29 29 29;\n--danger-8: 255 181 173; --contrast-danger-8: 29 29 29;\n--danger-9: 251 44 54; --contrast-danger-9: 255 255 255;\n--danger-10: 228 0 33; --contrast-danger-10: 255 255 255;\n--danger-11: 214 0 17; --contrast-danger-11: 255 255 255;\n--danger-12: 101 0 0; --contrast-danger-12: 255 255 255;\n--danger-original: 251 44 54; --contrast-danger-original: 255 255 255;\n --success-1: 251 255 251; --contrast-success-1: 29 29 29;\n--success-2: 241 254 242; --contrast-success-2: 29 29 29;\n--success-3: 234 254 236; --contrast-success-3: 29 29 29;\n--success-4: 224 251 227; --contrast-success-4: 29 29 29;\n--success-5: 214 248 218; --contrast-success-5: 29 29 29;\n--success-6: 202 242 206; --contrast-success-6: 29 29 29;\n--success-7: 185 231 190; --contrast-success-7: 29 29 29;\n--success-8: 167 220 173; --contrast-success-8: 29 29 29;\n--success-9: 0 201 80; --contrast-success-9: 29 29 29;\n--success-10: 0 152 23; --contrast-success-10: 255 255 255;\n--success-11: 0 140 0; --contrast-success-11: 255 255 255;\n--success-12: 0 47 0; --contrast-success-12: 255 255 255;\n--success-original: 0 201 80; --contrast-success-original: 29 29 29;\n }\n\n .dark {\n --primary-1: 32 28 28; --contrast-primary-1: 255 255 255;\n--primary-2: 40 33 32; --contrast-primary-2: 255 255 255;\n--primary-3: 52 41 41; --contrast-primary-3: 255 255 255;\n--primary-4: 58 43 43; --contrast-primary-4: 255 255 255;\n--primary-5: 67 48 48; --contrast-primary-5: 255 255 255;\n--primary-6: 73 51 51; --contrast-primary-6: 255 255 255;\n--primary-7: 86 59 60; --contrast-primary-7: 255 255 255;\n--primary-8: 100 68 69; --contrast-primary-8: 255 255 255;\n--primary-9: 251 160 162; --contrast-primary-9: 29 29 29;\n--primary-10: 202 116 119; --contrast-primary-10: 255 255 255;\n--primary-11: 255 163 165; --contrast-primary-11: 29 29 29;\n--primary-12: 255 226 227; --contrast-primary-"])</script><script nonce="ZWNiMmFiYzgtMjUyOS00NjIzLTllODQtYzA5MDExZTg1NTkx">self.__next_f.push([1,"12: 29 29 29;\n--primary-original: 251 160 162; --contrast-primary-original: 29 29 29;\n --tint-1: 29 29 29; --contrast-tint-1: 255 255 255;\n--tint-2: 35 34 34; --contrast-tint-2: 255 255 255;\n--tint-3: 45 44 43; --contrast-tint-3: 255 255 255;\n--tint-4: 49 47 47; --contrast-tint-4: 255 255 255;\n--tint-5: 55 53 53; --contrast-tint-5: 255 255 255;\n--tint-6: 59 57 57; --contrast-tint-6: 255 255 255;\n--tint-7: 70 67 67; --contrast-tint-7: 255 255 255;\n--tint-8: 80 77 77; --contrast-tint-8: 255 255 255;\n--tint-9: 139 130 130; --contrast-tint-9: 255 255 255;\n--tint-10: 151 142 142; --contrast-tint-10: 255 255 255;\n--tint-11: 199 189 189; --contrast-tint-11: 29 29 29;\n--tint-12: 255 252 252; --contrast-tint-12: 29 29 29;\n--tint-original: 120 120 120; --contrast-tint-original: 255 255 255;\n --neutral-1: 29 29 29; --contrast-neutral-1: 255 255 255;\n--neutral-2: 34 34 34; --contrast-neutral-2: 255 255 255;\n--neutral-3: 44 44 44; --contrast-neutral-3: 255 255 255;\n--neutral-4: 48 48 48; --contrast-neutral-4: 255 255 255;\n--neutral-5: 53 53 53; --contrast-neutral-5: 255 255 255;\n--neutral-6: 57 57 57; --contrast-neutral-6: 255 255 255;\n--neutral-7: 67 67 67; --contrast-neutral-7: 255 255 255;\n--neutral-8: 78 78 78; --contrast-neutral-8: 255 255 255;\n--neutral-9: 120 120 120; --contrast-neutral-9: 255 255 255;\n--neutral-10: 144 144 144; --contrast-neutral-10: 255 255 255;\n--neutral-11: 192 192 192; --contrast-neutral-11: 29 29 29;\n--neutral-12: 255 255 255; --contrast-neutral-12: 29 29 29;\n--neutral-original: 120 120 120; --contrast-neutral-original: 255 255 255;\n\n --header-background: 251 160 162;\n --header-link: 29 29 29;\n\n --info-1: 29 29 29; --contrast-info-1: 255 255 255;\n--info-2: 34 34 34; --contrast-info-2: 255 255 255;\n--info-3: 44 44 44; --contrast-info-3: 255 255 255;\n--info-4: 48 48 48; --contrast-info-4: 255 255 255;\n--info-5: 53 53 53; --contrast-info-5: 255 255 255;\n--info-6: 57 57 57; --contrast-info-6: 255 255 255;\n--info-7: 67 67 67; --contrast-info-7: 255 255 255;\n--info-8: 78 78 78; --contrast-info-8: 255 255 255;\n--info-9: 120 120 120; --contrast-info-9: 255 255 255;\n--info-10: 144 144 144; --contrast-info-10: 255 255 255;\n--info-11: 192 192 192; --contrast-info-11: 29 29 29;\n--info-12: 255 255 255; --contrast-info-12: 29 29 29;\n--info-original: 120 120 120; --contrast-info-original: 255 255 255;\n --warning-1: 32 28 25; --contrast-warning-1: 255 255 255;\n--warning-2: 40 33 26; --contrast-warning-2: 255 255 255;\n--warning-3: 53 41 30; --contrast-warning-3: 255 255 255;\n--warning-4: 60 44 29; --contrast-warning-4: 255 255 255;\n--warning-5: 69 49 29; --contrast-warning-5: 255 255 255;\n--warning-6: 76 52 27; --contrast-warning-6: 255 255 255;\n--warning-7: 90 61 30; --contrast-warning-7: 255 255 255;\n--warning-8: 104 70 34; --contrast-warning-8: 255 255 255;\n--warning-9: 254 154 0; --contrast-warning-9: 29 29 29;\n--warning-10: 213 116 0; --contrast-warning-10: 255 255 255;\n--warning-11: 255 165 34; --contrast-warning-11: 29 29 29;\n--warning-12: 255 229 115; --contrast-warning-12: 29 29 29;\n--warning-original: 254 154 0; --contrast-warning-original: 29 29 29;\n --danger-1: 34 27 26; --contrast-danger-1: 255 255 255;\n--danger-2: 45 30 29; --contrast-danger-2: 255 255 255;\n--danger-3: 60 37 35; --contrast-danger-3: 255 255 255;\n--danger-4: 69 38 35; --contrast-danger-4: 255 255 255;\n--danger-5: 80 41 38; --contrast-danger-5: 255 255 255;\n--danger-6: 89 41 38; --contrast-danger-6: 255 255 255;\n--danger-7: 105 48 44; --contrast-danger-7: 255 255 255;\n--danger-8: 121 54 50; --contrast-danger-8: 255 255 255;\n--danger-9: 251 44 54; --contrast-danger-9: 255 255 255;\n--danger-10: 255 52 59; --contrast-danger-10: 255 255 255;\n--danger-11: 255 113 108; --contrast-danger-11: 255 255 255;\n--danger-12: 255 180 169; --contrast-danger-12: 29 29 29;\n--danger-original: 251 44 54; --contrast-danger-original: 255 255 255;\n --success-1: 26 31 26; --contrast-suc"])</script><script nonce="ZWNiMmFiYzgtMjUyOS00NjIzLTllODQtYzA5MDExZTg1NTkx">self.__next_f.push([1,"cess-1: 255 255 255;\n--success-2: 28 37 29; --contrast-success-2: 255 255 255;\n--success-3: 33 48 35; --contrast-success-3: 255 255 255;\n--success-4: 33 54 35; --contrast-success-4: 255 255 255;\n--success-5: 34 61 38; --contrast-success-5: 255 255 255;\n--success-6: 32 66 38; --contrast-success-6: 255 255 255;\n--success-7: 37 78 44; --contrast-success-7: 255 255 255;\n--success-8: 41 90 50; --contrast-success-8: 255 255 255;\n--success-9: 0 201 80; --contrast-success-9: 29 29 29;\n--success-10: 0 176 54; --contrast-success-10: 255 255 255;\n--success-11: 62 227 106; --contrast-success-11: 29 29 29;\n--success-12: 139 255 168; --contrast-success-12: 29 29 29;\n--success-original: 0 201 80; --contrast-success-original: 29 29 29;\n }\n 10:[\"$\",\"html\",null,{\"suppressHydrationWarning\":true,\"lang\":\"en\",\"className\":\"scroll-pt-[76px] straight-corners theme-clean no-tint sidebar-default sidebar-list-default links-default\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"link\",null,{\"rel\":\"privacy-policy\",\"href\":\"https://our.umbraco.com/privacy-policy\"}],[\"$\",\"style\",null,{\"nonce\":\"$undefined\",\"children\":\"$1c\"}]]}],[\"$\",\"body\",null,{\"className\":\"__className_2f5617 __className_aca046 __variable_96046e bg-tint-base theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle theme-gradient:bg-gradient-primary theme-gradient-tint:bg-gradient-tint\",\"children\":[\"$\",\"$L1d\",null,{\"assetsURL\":\"https://ka-p.fontawesome.com/releases/v6.6.0/\",\"assetsURLToken\":\"a463935e93\",\"assetsByStyles\":{\"custom-icons\":{\"assetsURL\":\"https://static.gitbook.com/~gitbook/static/icons\"}},\"iconStyle\":\"regular\",\"children\":[\"$\",\"$L1e\",null,{\"language\":{\"locale\":\"en\",\"powered_by_gitbook\":\"Powered by GitBook\",\"sponsored_via_gitbook\":\"Sponsored via GitBook\",\"switch_to_dark_theme\":\"Switch to dark theme\",\"switch_to_light_theme\":\"Switch to light theme\",\"switch_to_system_theme\":\"Switch to system theme\",\"search\":\"Search\",\"search_or_ask\":\"Ask or search\",\"search_input_placeholder\":\"Search content\",\"search_ask_input_placeholder\":\"Search content or ask a question\",\"search_no_results\":\"No results for \\\"${1}\\\".\",\"search_scope_space\":\"$${1}\",\"search_scope_all\":\"All content\",\"search_ask\":\"Ask \\\"${1}\\\"\",\"search_ask_description\":\"Find the answer with AI\",\"search_ask_sources\":\"Sources\",\"search_ask_sources_no_answer\":\"Related pages\",\"search_ask_no_answer\":\"An answer could not be found for your question. You could try rephrasing it, or be more specific.\",\"search_ask_error\":\"Something went wrong. Please try again later.\",\"on_this_page\":\"On this page\",\"next_page\":\"Next\",\"previous_page\":\"Previous\",\"page_last_modified\":\"Last updated ${1}\",\"was_this_helpful\":\"Was this helpful?\",\"was_this_helpful_positive\":\"Yes, it was!\",\"was_this_helpful_neutral\":\"Not sure\",\"was_this_helpful_negative\":\"No\",\"was_this_helpful_thank_you\":\"Thank you!\",\"was_this_helpful_comment\":\"Anything you'd like to add?\",\"submit\":\"Submit\",\"annotation_button_label\":\"Open annotation\",\"code_copied\":\"Copied!\",\"code_copy\":\"Copy\",\"table_of_contents_button_label\":\"Open table of contents\",\"cookies_title\":\"Cookies\",\"cookies_prompt\":\"This site uses cookies to deliver its service and to analyse traffic. By browsing this site, you accept the ${1}.\",\"cookies_prompt_privacy\":\"privacy policy\",\"cookies_accept\":\"Accept\",\"cookies_reject\":\"Reject\",\"cookies_close\":\"Close\",\"edit_on_git\":\"Edit on ${1}\",\"notfound_title\":\"Page not found\",\"notfound\":\"The page you are looking for doesn't exist.\",\"unexpected_error_title\":\"An error occurred\",\"unexpected_error\":\"Sorry, an unexpected error has occurred. Please try again later.\",\"unexpected_error_retry\":\"Retry\",\"pdf_download\":\"Export as PDF\",\"pdf_goback\":\"Go back to content\",\"pdf_print\":\"Print or Save as PDF\",\"pdf_page_of\":\"$${1} of ${2}\",\"pdf_mode_only_page\":\"Only this page\",\"pdf_mode_all\":\"All pages\",\"pdf_limit_reached\":\"Couldn't generate the PDF for ${1} pages, generation stopped at ${2}.\",\"pdf_limit_reached_continue\":\"Extend with ${1} more pages.\",\"more\":\"More\"},\"children\":[\"$\",\"$L11\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"middleware\",\"children\",\"(space)"])</script><script nonce="ZWNiMmFiYzgtMjUyOS00NjIzLTllODQtYzA5MDExZTg1NTkx">self.__next_f.push([1,"\",\"children\",\"~gitbook\",\"children\",\"pdf\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L12\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]}]}]}]]}]\n"])</script><script nonce="ZWNiMmFiYzgtMjUyOS00NjIzLTllODQtYzA5MDExZTg1NTkx">self.__next_f.push([1,"1f:\"$Sreact.fragment\"\n1b:[\"$\",\"div\",null,{\"id\":\"pdf-page-o8AmGDGbYoYFg7YeNYzr\",\"className\":\"my-11 print:my-0 mx-auto max-w-4xl w-full p-12 print:p-0 shadow-xl print:shadow-none rounded-sm bg-white min-h-[29.7cm] print:min-h-0 break-before-page break-anywhere\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"text-4xl font-bold\",\"children\":\"Overview\"}],[\"$\",\"p\",null,{\"className\":\"decoration-primary/6 mt-2 mb-3\",\"children\":\"Configuring collection in Umbraco UI Builder, the backoffice UI builder for Umbraco.\"}],[\"$\",\"div\",null,{\"className\":\"mt-6 space-y-6 whitespace-pre-wrap\",\"children\":[[\"$\",\"p\",null,{\"className\":\"mx-auto w-full decoration-primary/6 max-w-full\",\"children\":[[[\"$\",\"$1f\",\"0\",{\"children\":\"A collection is the cornerstone Umbraco UI Builder config and it represents a collection of entities for a given data model. From this config object, you can configure everything about how this collection integrates into the UI. You can also configure how it should display in a list view as well as how it should be edited.\"}]]]}],[\"$\",\"div\",null,{\"className\":\"mx-auto w-full decoration-primary/6 max-w-full flex flex-row gap-3 justify-center\",\"children\":[\"$L20\"]}],[\"$\",\"p\",null,{\"className\":\"mx-auto w-full decoration-primary/6 max-w-full\",\"children\":[[[\"$\",\"$1f\",\"0\",{\"children\":\"Get started by reviewing the basics of collection configuration.\"}]]]}],\"$L21\"]}]]}]\n"])</script><script nonce="ZWNiMmFiYzgtMjUyOS00NjIzLTllODQtYzA5MDExZTg1NTkx">self.__next_f.push([1,"21:[\"$\",\"$L19\",null,{\"href\":\"https://app.gitbook.com/s/TLdPb7Kqjco0jy1pUV8B/collections/the-basics\",\"className\":\"group flex flex-row justify-between items-center gap-4 ring-1 ring-tint-subtle rounded straight-corners:rounded-none px-5 py-3 transition-shadow hover:ring-primary-hover mx-auto w-full decoration-primary/6 max-w-full\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"GBevLw21HDtm7oyzw7eK\"},\"position\":\"content\"}},\"children\":[\"$undefined\",[\"$\",\"span\",null,{\"className\":\"flex flex-col flex-1\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"text-base transition-colors group-hover:text-primary\",\"children\":\"The Basics\"}],null]}],[\"$\",\"$L16\",null,{\"icon\":\"chevron-right\",\"className\":\"size-3 text-tint transition-all group-hover:translate-x-0.5 group-hover:text-primary\"}]]}]\n"])</script><div hidden id="S:0"><div id="pdf-page-o8AmGDGbYoYFg7YeNYzr" class="my-11 print:my-0 mx-auto max-w-4xl w-full p-12 print:p-0 shadow-xl print:shadow-none rounded-sm bg-white min-h-[29.7cm] print:min-h-0 break-before-page break-anywhere"><h1 class="text-4xl font-bold">Overview</h1><p class="decoration-primary/6 mt-2 mb-3">Configuring collection in Umbraco UI Builder, the backoffice UI builder for Umbraco.</p><div class="mt-6 space-y-6 whitespace-pre-wrap"><p class="mx-auto w-full decoration-primary/6 max-w-full">A collection is the cornerstone Umbraco UI Builder config and it represents a collection of entities for a given data model. From this config object, you can configure everything about how this collection integrates into the UI. You can also configure how it should display in a list view as well as how it should be edited.</p><div class="mx-auto w-full decoration-primary/6 max-w-full flex flex-row gap-3 justify-center"><template id="P:1"></template></div><p class="mx-auto w-full decoration-primary/6 max-w-full">Get started by reviewing the basics of collection configuration.</p><template id="P:2"></template></div></div></div><div hidden id="S:2"><a class="group flex flex-row justify-between items-center gap-4 ring-1 ring-tint-subtle rounded straight-corners:rounded-none px-5 py-3 transition-shadow hover:ring-primary-hover mx-auto w-full decoration-primary/6 max-w-full" href="https://app.gitbook.com/s/TLdPb7Kqjco0jy1pUV8B/collections/the-basics"><span class="flex flex-col flex-1"><span class="text-base transition-colors group-hover:text-primary">The Basics</span></span><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-3 text-tint transition-all group-hover:translate-x-0.5 group-hover:text-primary"></svg></a></div><script nonce="ZWNiMmFiYzgtMjUyOS00NjIzLTllODQtYzA5MDExZTg1NTkx">$RS=function(a,b){a=document.getElementById(a);b=document.getElementById(b);for(a.parentNode.removeChild(a);a.firstChild;)b.parentNode.insertBefore(a.firstChild,b);b.parentNode.removeChild(b)};$RS("S:2","P:2")</script><script nonce="ZWNiMmFiYzgtMjUyOS00NjIzLTllODQtYzA5MDExZTg1NTkx">self.__next_f.push([1,"20:[\"$\",\"picture\",null,{\"className\":\"relative\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative overflow-hidden after:block after:absolute after:-inset-[0] after:pointer-events-none w-fit mx-auto\",\"children\":[\"$L22\",null]}],[\"$\",\"figcaption\",null,{\"className\":\"text-sm text-center mt-2 text-tint\",\"children\":[[[\"$\",\"$1f\",\"0\",{\"children\":\"A collection list view\"}]]]}]]}]\n"])</script><script nonce="ZWNiMmFiYzgtMjUyOS00NjIzLTllODQtYzA5MDExZTg1NTkx">self.__next_f.push([1,"23:HL[\"https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F188797811-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FTLdPb7Kqjco0jy1pUV8B%252Fuploads%252Fgit-blob-b9a90f0f82e12e729673344bad48cd5dbe7783dd%252Flistview.png%3Falt%3Dmedia\u0026width=768\u0026dpr=4\u0026quality=100\u0026sign=f5aad75e\u0026sv=2\",\"image\",{\"fetchPriority\":\"high\",\"imageSrcSet\":\"https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F188797811-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FTLdPb7Kqjco0jy1pUV8B%252Fuploads%252Fgit-blob-b9a90f0f82e12e729673344bad48cd5dbe7783dd%252Flistview.png%3Falt%3Dmedia\u0026width=400\u0026dpr=1\u0026quality=100\u0026sign=f5aad75e\u0026sv=2 400w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F188797811-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FTLdPb7Kqjco0jy1pUV8B%252Fuploads%252Fgit-blob-b9a90f0f82e12e729673344bad48cd5dbe7783dd%252Flistview.png%3Falt%3Dmedia\u0026width=400\u0026dpr=2\u0026quality=100\u0026sign=f5aad75e\u0026sv=2 800w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F188797811-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FTLdPb7Kqjco0jy1pUV8B%252Fuploads%252Fgit-blob-b9a90f0f82e12e729673344bad48cd5dbe7783dd%252Flistview.png%3Falt%3Dmedia\u0026width=400\u0026dpr=3\u0026quality=100\u0026sign=f5aad75e\u0026sv=2 1200w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F188797811-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FTLdPb7Kqjco0jy1pUV8B%252Fuploads%252Fgit-blob-b9a90f0f82e12e729673344bad48cd5dbe7783dd%252Flistview.png%3Falt%3Dmedia\u0026width=400\u0026dpr=4\u0026quality=100\u0026sign=f5aad75e\u0026sv=2 1600w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F188797811-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FTLdPb7Kqjco0jy1pUV8B%252Fuploads%252Fgit-blob-b9a90f0f82e12e729673344bad48cd5dbe7783dd%252Flistview.png%3Falt%3Dmedia\u0026width=768\u0026dpr=1\u0026quality=100\u0026sign=f5aad75e\u0026sv=2 768w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F188797811-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FTLdPb7Kqjco0jy1pUV8B%252Fuploads%252Fgit-blob-b9a90f0f82e12e729673344bad48cd5dbe7783dd%252Flistview.png%3Falt%3Dmedia\u0026width=768\u0026dpr=2\u0026quality=100\u0026sign=f5aad75e\u0026sv=2 1536w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F188797811-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FTLdPb7Kqjco0jy1pUV8B%252Fuploads%252Fgit-blob-b9a90f0f82e12e729673344bad48cd5dbe7783dd%252Flistview.png%3Falt%3Dmedia\u0026width=768\u0026dpr=3\u0026quality=100\u0026sign=f5aad75e\u0026sv=2 2304w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F188797811-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FTLdPb7Kqjco0jy1pUV8B%252Fuploads%252Fgit-blob-b9a90f0f82e12e729673344bad48cd5dbe7783dd%252Flistview.png%3Falt%3Dmedia\u0026width=768\u0026dpr=4\u0026quality=100\u0026sign=f5aad75e\u0026sv=2 3072w\",\"imageSizes\":\"(max-width: 640px) 400px, 768px\"}]\n"])</script><script nonce="ZWNiMmFiYzgtMjUyOS00NjIzLTllODQtYzA5MDExZTg1NTkx">self.__next_f.push([1,"24:I[45343,[\"8907\",\"static/chunks/8907-9009309fb3e0b083.js\",\"4289\",\"static/chunks/4289-e244cb7b0ef2dc5c.js\",\"5572\",\"static/chunks/5572-d068cc2bc8e73d12.js\",\"983\",\"static/chunks/983-9489f7ffde3c01ca.js\",\"8091\",\"static/chunks/8091-a4921ca326c37a5a.js\",\"5843\",\"static/chunks/5843-8f7228bb2904612a.js\",\"7068\",\"static/chunks/app/middleware/(space)/~gitbook/pdf/page-b6e69b8a00c0b0bd.js\"],\"ZoomImage\"]\n25:Ta2b,"])</script><script nonce="ZWNiMmFiYzgtMjUyOS00NjIzLTllODQtYzA5MDExZTg1NTkx">self.__next_f.push([1,"https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F188797811-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FTLdPb7Kqjco0jy1pUV8B%252Fuploads%252Fgit-blob-b9a90f0f82e12e729673344bad48cd5dbe7783dd%252Flistview.png%3Falt%3Dmedia\u0026width=400\u0026dpr=1\u0026quality=100\u0026sign=f5aad75e\u0026sv=2 400w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F188797811-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FTLdPb7Kqjco0jy1pUV8B%252Fuploads%252Fgit-blob-b9a90f0f82e12e729673344bad48cd5dbe7783dd%252Flistview.png%3Falt%3Dmedia\u0026width=400\u0026dpr=2\u0026quality=100\u0026sign=f5aad75e\u0026sv=2 800w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F188797811-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FTLdPb7Kqjco0jy1pUV8B%252Fuploads%252Fgit-blob-b9a90f0f82e12e729673344bad48cd5dbe7783dd%252Flistview.png%3Falt%3Dmedia\u0026width=400\u0026dpr=3\u0026quality=100\u0026sign=f5aad75e\u0026sv=2 1200w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F188797811-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FTLdPb7Kqjco0jy1pUV8B%252Fuploads%252Fgit-blob-b9a90f0f82e12e729673344bad48cd5dbe7783dd%252Flistview.png%3Falt%3Dmedia\u0026width=400\u0026dpr=4\u0026quality=100\u0026sign=f5aad75e\u0026sv=2 1600w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F188797811-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FTLdPb7Kqjco0jy1pUV8B%252Fuploads%252Fgit-blob-b9a90f0f82e12e729673344bad48cd5dbe7783dd%252Flistview.png%3Falt%3Dmedia\u0026width=768\u0026dpr=1\u0026quality=100\u0026sign=f5aad75e\u0026sv=2 768w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F188797811-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FTLdPb7Kqjco0jy1pUV8B%252Fuploads%252Fgit-blob-b9a90f0f82e12e729673344bad48cd5dbe7783dd%252Flistview.png%3Falt%3Dmedia\u0026width=768\u0026dpr=2\u0026quality=100\u0026sign=f5aad75e\u0026sv=2 1536w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F188797811-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FTLdPb7Kqjco0jy1pUV8B%252Fuploads%252Fgit-blob-b9a90f0f82e12e729673344bad48cd5dbe7783dd%252Flistview.png%3Falt%3Dmedia\u0026width=768\u0026dpr=3\u0026quality=100\u0026sign=f5aad75e\u0026sv=2 2304w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F188797811-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FTLdPb7Kqjco0jy1pUV8B%252Fuploads%252Fgit-blob-b9a90f0f82e12e729673344bad48cd5dbe7783dd%252Flistview.png%3Falt%3Dmedia\u0026width=768\u0026dpr=4\u0026quality=100\u0026sign=f5aad75e\u0026sv=2 3072w22:[\"$\",\"$L24\",null,{\"alt\":\"\",\"style\":{\"maxWidth\":\"100%\",\"width\":\"$undefined\",\"height\":\"auto\"},\"loading\":\"$undefined\",\"fetchPriority\":\"high\",\"className\":\"block\",\"src\":\"https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F188797811-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FTLdPb7Kqjco0jy1pUV8B%252Fuploads%252Fgit-blob-b9a90f0f82e12e729673344bad48cd5dbe7783dd%252Flistview.png%3Falt%3Dmedia\u0026width=768\u0026dpr=4\u0026quality=100\u0026sign=f5aad75e\u0026sv=2\",\"srcSet\":\"$25\",\"sizes\":\"(max-width: 640px) 400px, 768px\",\"width\":1132,\"height\":668}]\n"])</script><div hidden id="S:1"><picture class="relative"><div class="relative overflow-hidden after:block after:absolute after:-inset-[0] after:pointer-events-none w-fit mx-auto"><template id="P:3"></template></div><figcaption class="text-sm text-center mt-2 text-tint">A collection list view</figcaption></picture></div><script nonce="ZWNiMmFiYzgtMjUyOS00NjIzLTllODQtYzA5MDExZTg1NTkx">$RS("S:1","P:1")</script><link rel="preload" as="image" fetchPriority="high" imageSrcSet="https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F188797811-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FTLdPb7Kqjco0jy1pUV8B%252Fuploads%252Fgit-blob-b9a90f0f82e12e729673344bad48cd5dbe7783dd%252Flistview.png%3Falt%3Dmedia&width=400&dpr=1&quality=100&sign=f5aad75e&sv=2 400w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F188797811-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FTLdPb7Kqjco0jy1pUV8B%252Fuploads%252Fgit-blob-b9a90f0f82e12e729673344bad48cd5dbe7783dd%252Flistview.png%3Falt%3Dmedia&width=400&dpr=2&quality=100&sign=f5aad75e&sv=2 800w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F188797811-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FTLdPb7Kqjco0jy1pUV8B%252Fuploads%252Fgit-blob-b9a90f0f82e12e729673344bad48cd5dbe7783dd%252Flistview.png%3Falt%3Dmedia&width=400&dpr=3&quality=100&sign=f5aad75e&sv=2 1200w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F188797811-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FTLdPb7Kqjco0jy1pUV8B%252Fuploads%252Fgit-blob-b9a90f0f82e12e729673344bad48cd5dbe7783dd%252Flistview.png%3Falt%3Dmedia&width=400&dpr=4&quality=100&sign=f5aad75e&sv=2 1600w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F188797811-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FTLdPb7Kqjco0jy1pUV8B%252Fuploads%252Fgit-blob-b9a90f0f82e12e729673344bad48cd5dbe7783dd%252Flistview.png%3Falt%3Dmedia&width=768&dpr=1&quality=100&sign=f5aad75e&sv=2 768w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F188797811-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FTLdPb7Kqjco0jy1pUV8B%252Fuploads%252Fgit-blob-b9a90f0f82e12e729673344bad48cd5dbe7783dd%252Flistview.png%3Falt%3Dmedia&width=768&dpr=2&quality=100&sign=f5aad75e&sv=2 1536w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F188797811-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FTLdPb7Kqjco0jy1pUV8B%252Fuploads%252Fgit-blob-b9a90f0f82e12e729673344bad48cd5dbe7783dd%252Flistview.png%3Falt%3Dmedia&width=768&dpr=3&quality=100&sign=f5aad75e&sv=2 2304w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F188797811-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FTLdPb7Kqjco0jy1pUV8B%252Fuploads%252Fgit-blob-b9a90f0f82e12e729673344bad48cd5dbe7783dd%252Flistview.png%3Falt%3Dmedia&width=768&dpr=4&quality=100&sign=f5aad75e&sv=2 3072w" imageSizes="(max-width: 640px) 400px, 768px"/><div hidden id="S:3"><img data-testid="zoom-image" alt="" style="max-width:100%;height:auto" fetchPriority="high" class="block" src="https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F188797811-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FTLdPb7Kqjco0jy1pUV8B%252Fuploads%252Fgit-blob-b9a90f0f82e12e729673344bad48cd5dbe7783dd%252Flistview.png%3Falt%3Dmedia&width=768&dpr=4&quality=100&sign=f5aad75e&sv=2" srcSet="https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F188797811-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FTLdPb7Kqjco0jy1pUV8B%252Fuploads%252Fgit-blob-b9a90f0f82e12e729673344bad48cd5dbe7783dd%252Flistview.png%3Falt%3Dmedia&width=400&dpr=1&quality=100&sign=f5aad75e&sv=2 400w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F188797811-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FTLdPb7Kqjco0jy1pUV8B%252Fuploads%252Fgit-blob-b9a90f0f82e12e729673344bad48cd5dbe7783dd%252Flistview.png%3Falt%3Dmedia&width=400&dpr=2&quality=100&sign=f5aad75e&sv=2 800w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F188797811-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FTLdPb7Kqjco0jy1pUV8B%252Fuploads%252Fgit-blob-b9a90f0f82e12e729673344bad48cd5dbe7783dd%252Flistview.png%3Falt%3Dmedia&width=400&dpr=3&quality=100&sign=f5aad75e&sv=2 1200w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F188797811-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FTLdPb7Kqjco0jy1pUV8B%252Fuploads%252Fgit-blob-b9a90f0f82e12e729673344bad48cd5dbe7783dd%252Flistview.png%3Falt%3Dmedia&width=400&dpr=4&quality=100&sign=f5aad75e&sv=2 1600w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F188797811-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FTLdPb7Kqjco0jy1pUV8B%252Fuploads%252Fgit-blob-b9a90f0f82e12e729673344bad48cd5dbe7783dd%252Flistview.png%3Falt%3Dmedia&width=768&dpr=1&quality=100&sign=f5aad75e&sv=2 768w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F188797811-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FTLdPb7Kqjco0jy1pUV8B%252Fuploads%252Fgit-blob-b9a90f0f82e12e729673344bad48cd5dbe7783dd%252Flistview.png%3Falt%3Dmedia&width=768&dpr=2&quality=100&sign=f5aad75e&sv=2 1536w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F188797811-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FTLdPb7Kqjco0jy1pUV8B%252Fuploads%252Fgit-blob-b9a90f0f82e12e729673344bad48cd5dbe7783dd%252Flistview.png%3Falt%3Dmedia&width=768&dpr=3&quality=100&sign=f5aad75e&sv=2 2304w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F188797811-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FTLdPb7Kqjco0jy1pUV8B%252Fuploads%252Fgit-blob-b9a90f0f82e12e729673344bad48cd5dbe7783dd%252Flistview.png%3Falt%3Dmedia&width=768&dpr=4&quality=100&sign=f5aad75e&sv=2 3072w" sizes="(max-width: 640px) 400px, 768px" width="1132" height="668"/></div><script nonce="ZWNiMmFiYzgtMjUyOS00NjIzLTllODQtYzA5MDExZTg1NTkx">$RS("S:3","P:3")</script><script nonce="ZWNiMmFiYzgtMjUyOS00NjIzLTllODQtYzA5MDExZTg1NTkx">$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RC("B:0","S:0")</script></body></html>