\\n \\n {}<\/title>\\n <link href=\\"/styleguide/All.min.css\\" type=\\"text/css\\" rel=\\"stylesheet\\"/>\\n <script src=\\"/styleguide/All.min.js\\" type=\\"text/javascript\\"><\/script>\\n <meta property=\\"og:title\\" content=\\"{{ogTitle}}\\" /> \\n <meta property=\\"og:description\\" content=\\"{{ogDescription}}\\" />\\n <meta property=\\"og:type\\" content=\\"article:tag\\" />\\n <meta property=\\"article:tag\\" content=\\"{{ogTags}}\\" />\\n <meta property=\\"og:image\\" content=\\"{{leadImageUrl}}\\" /> \\n <meta property=\\"og:url\\" content=\\"{{ogUrl}}\\" /> \\n<\/head>\\n\\n<Body><h1><a href="/">番茄社区</a></h1><script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(bp, s);
})();
</script>\\n <header class=\\"Page-header\\">{}<\/header>\\n\\n <div class=\\"Page-body\\">\\n {{body}}\\n <\/div>\\n<\/body>\\n\\n<\/html>","annotations":[{"lineNumber":"9","codeSnippet":" <meta property=\\"og:title\\" content=\\"{{ogTitle}}\\" /> ","annotation":"Includes placeholders for values that are entered in the SEO tab.","originalLineNumber":9,"rekognitionVideo.timeFrameMetadata":[],"_id":"0000017d-6c55-d029-adff-6fd5048f0000","_type":"4b1566b3-ea71-3efe-a0e4-5ca432ada867"},{"lineNumber":"13","codeSnippet":" <meta property=\\"og:image\\" content=\\"{{leadImageUrl}}\\" /> ","annotation":"Includes a placeholder for a URL of an image set in the main <bsp-code-inline code=\\"Article\\">Article<\/bsp-code-inline> tab.","originalLineNumber":13,"rekognitionVideo.timeFrameMetadata":[],"_id":"0000017d-6c55-d029-adff-6fd5610a0000","_type":"4b1566b3-ea71-3efe-a0e4-5ca432ada867"},{"lineNumber":"14","codeSnippet":" <meta property=\\"og:url\\" content=\\"{{ogUrl}}\\" /> ","annotation":"Includes a placeholder for a URL of the published page. This value is retrieved from the page view model (see snippet \\"View model for populating Open Graph properties\\").","originalLineNumber":14,"rekognitionVideo.timeFrameMetadata":[],"_id":"0000017d-6c57-d029-adff-6fd773310000","_type":"4b1566b3-ea71-3efe-a0e4-5ca432ada867"}],"rekognitionVideo.timeFrameMetadata":[],"_id":"0000017d-6c54-dc6e-a17f-6dd420b10000","_type":"3f4061fa-a6e7-3e24-af68-c847f5905a7b"},"rekognitionVideo.timeFrameMetadata":[],"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:code:CodeBlock.hbs.showLineNumbers":false,"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:code:CodeBlock.hbs._template":null,"_id":"0000017d-6c54-dc6e-a17f-6dd420ae0000","_type":"9aa4179f-dd23-3c2a-b681-ad2b60c87a44"},"rekognitionVideo.timeFrameMetadata":[],"_id":"0000017d-6c54-d657-a7fd-7ffd20710000","_type":"4a051501-b2f9-3529-a0a7-b0264ea5599c"}\"><\/bsp-code-block><b>Step 3: Add JSON keys<\/b><br/><br/>In the view鈥檚 JSON file for the page, add key-value pairs for the Open Graph properties.<br/><bsp-code-block data-code-block-type=\"brightspot.supportdesk.code.OneOffCodeBlock\" data-code-block-state=\"{"codeBlock":{"title":"Data file for Open Graph properties","code":{"codeType":"JSON","code":"{\\n \\"_template\\": \\"Page.hbs\\",\\n \\"ogTitle\\": \\"{{words(10)}}\\", \\n \\"ogDescription\\": \\"{{words(25)}}\\",\\n \\"ogTags\\": [\\"{{words}}\\"], \\n \\"leadImageUrl\\": \\"{{image(400, 300)}}\\", \\n \\"ogUrl\\": \\"{{words}}\\" \\n}","annotations":[{"lineNumber":"3","codeSnippet":" \\"ogTitle\\": \\"{{words(10)}}\\", ","annotation":"Keys added for Open Graph property data that are entered in the SEO tab.","originalLineNumber":3,"rekognitionVideo.timeFrameMetadata":[],"_id":"0000017d-6c5b-dd18-a17d-ff7b703c0000","_type":"4b1566b3-ea71-3efe-a0e4-5ca432ada867"},{"lineNumber":"6","codeSnippet":" \\"leadImageUrl\\": \\"{{image(400, 300)}}\\", ","annotation":"Key for the URL of the image set in the main <bsp-code-inline code=\\"Article\\">Article<\/bsp-code-inline> tab.","originalLineNumber":6,"rekognitionVideo.timeFrameMetadata":[],"_id":"0000017d-6c5b-d657-a7fd-7fff97270000","_type":"4b1566b3-ea71-3efe-a0e4-5ca432ada867"},{"lineNumber":"7","codeSnippet":" \\"ogUrl\\": \\"{{words}}\\" ","annotation":"Key for the URL of the published page.","originalLineNumber":7,"rekognitionVideo.timeFrameMetadata":[],"_id":"0000017d-6c5c-dc6e-a17f-6ddc2dd70000","_type":"4b1566b3-ea71-3efe-a0e4-5ca432ada867"}],"rekognitionVideo.timeFrameMetadata":[],"_id":"0000017d-6c5a-dc6e-a17f-6ddeb6b50000","_type":"3f4061fa-a6e7-3e24-af68-c847f5905a7b"},"rekognitionVideo.timeFrameMetadata":[],"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:code:CodeBlock.hbs.showLineNumbers":false,"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:code:CodeBlock.hbs._template":null,"_id":"0000017d-6c5a-dc6e-a17f-6ddeb6b30000","_type":"9aa4179f-dd23-3c2a-b681-ad2b60c87a44"},"rekognitionVideo.timeFrameMetadata":[],"_id":"0000017d-6c5a-dd18-a17d-ff7bb6820000","_type":"4a051501-b2f9-3529-a0a7-b0264ea5599c"}\"><\/bsp-code-block><br/><b>Step 4: Add methods to the view model<\/b><br/><br/>In the <bsp-code-inline code=\"PageViewModel\">PageViewModel<\/bsp-code-inline> class, add methods to populate the Open Graph properties.<br/><bsp-code-block data-code-block-type=\"brightspot.supportdesk.code.OneOffCodeBlock\" data-code-block-state=\"{"codeBlock":{"title":"View model for populating Open Graph properties","code":{"codeType":"JAVA","code":"public class PageViewModel extends ViewModel<Content> implements PageView, PageEntryView {\\n\\n @Override\\n public CharSequence getTitle() {\\n return model.as(Seo.ObjectModification.class).findTitle();\\n }\\n\\n @Override\\n public Iterable<? extends PageViewBodyField> getBody() {\\n return createViews(PageViewBodyField.class, model);\\n }\\n\\n @Override\\n public CharSequence getOgTitle() { \\n return model.as(OpenGraphData.class).getOgTitle();\\n }\\n\\n @Override\\n public CharSequence getOgDescription(){ \\n return model.as(OpenGraphData.class).getOgDescription();\\n }\\n\\n @Override\\n public List<String> getOgTags() { \\n return model.as(OpenGraphData.class).getOgTags();\\n }\\n\\n @Override\\n public CharSequence getOgUrl() { \\n return model.as(Article.class).getPermalink();\\n }\\n\\n @Override\\n public CharSequence getLeadImageUrl() { \\n Image leadImage = model.as(Article.class).getLeadImage();\\n if (leadImage != null) {\\n StorageItem file = leadImage.getFile();\\n\\n if (file != null) {\\n return file.getPublicUrl();\\n }\\n }\\n return null;\\n }\\n}","annotations":[{"lineNumber":"14","codeSnippet":" public CharSequence getOgTitle() { ","annotation":"Gets <bsp-code-inline code=\\"ogTitle\\">ogTitle<\/bsp-code-inline> value from OpenGraphData modification of <bsp-code-inline code=\\"Article.class\\">Article.class<\/bsp-code-inline>.","originalLineNumber":14,"rekognitionVideo.timeFrameMetadata":[],"_id":"0000017d-6c5e-d657-a7fd-7fff451d0000","_type":"4b1566b3-ea71-3efe-a0e4-5ca432ada867"},{"lineNumber":"19","codeSnippet":" public CharSequence getOgDescription(){ ","annotation":"Gets <bsp-code-inline code=\\"ogDescription\\">ogDescription<\/bsp-code-inline> from OpenGraphData modification of <bsp-code-inline code=\\"Article.class\\">Article.class<\/bsp-code-inline>.","originalLineNumber":19,"rekognitionVideo.timeFrameMetadata":[],"_id":"0000017d-6c5f-dd18-a17d-ff7f04340000","_type":"4b1566b3-ea71-3efe-a0e4-5ca432ada867"},{"lineNumber":"24","codeSnippet":" public List<String> getOgTags() { ","annotation":"Gets <bsp-code-inline code=\\"ogTags\\">ogTags<\/bsp-code-inline> from OpenGraphData modification of <bsp-code-inline code=\\"Article.class\\">Article.class<\/bsp-code-inline>.","originalLineNumber":24,"rekognitionVideo.timeFrameMetadata":[],"_id":"0000017d-6c5f-d029-adff-6fdfbd390000","_type":"4b1566b3-ea71-3efe-a0e4-5ca432ada867"},{"lineNumber":"29","codeSnippet":" public CharSequence getOgUrl() { ","annotation":"Gets page URL from permalink generated for the <bsp-code-inline code=\\"Article\\">Article<\/bsp-code-inline> object.","originalLineNumber":29,"rekognitionVideo.timeFrameMetadata":[],"_id":"0000017d-6c66-dd18-a17d-ff6736ea0000","_type":"4b1566b3-ea71-3efe-a0e4-5ca432ada867"},{"lineNumber":"34","codeSnippet":" public CharSequence getLeadImageUrl() { ","annotation":"Gets URL of image set on the <bsp-code-inline code=\\"Article\\">Article<\/bsp-code-inline> object.","originalLineNumber":34,"rekognitionVideo.timeFrameMetadata":[],"_id":"0000017d-6c66-dc6e-a17f-6df6c0a40000","_type":"4b1566b3-ea71-3efe-a0e4-5ca432ada867"}],"rekognitionVideo.timeFrameMetadata":[],"_id":"0000017d-6c5d-d657-a7fd-7ffdaafc0000","_type":"3f4061fa-a6e7-3e24-af68-c847f5905a7b"},"rekognitionVideo.timeFrameMetadata":[],"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:code:CodeBlock.hbs.showLineNumbers":false,"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:code:CodeBlock.hbs._template":null,"_id":"0000017d-6c5d-d657-a7fd-7ffdaaf70000","_type":"9aa4179f-dd23-3c2a-b681-ad2b60c87a44"},"rekognitionVideo.timeFrameMetadata":[],"_id":"0000017d-6c5d-dc6e-a17f-6dddaaaf0000","_type":"4a051501-b2f9-3529-a0a7-b0264ea5599c"}\"><\/bsp-code-block>","copyrightHolder":{"@id":"/#organization"},"copyrightYear":"2024","datePublished":"2021-11-29T15:54:03.888Z","dateModified":"2024-04-02T17:40:00.954Z","headline":"Search engine optimization","@id":"/documentation/latest/search-engine-optimization/#topicDoc","mainEntityOfPage":{"@id":"/documentation/latest/search-engine-optimization/#webpage"},"isPartOf":{"@id":"/documentation/latest/search-engine-optimization/#webpage"},"publisher":{"@id":"/#organization"}}]}</script>
<meta name="brightspot.cached" content="false">
<script>
/**
This allows us to load the IE polyfills via feature detection so that they do not load
needlessly in the browsers that do not need them. It also ensures they are loaded
non async so that they load before the rest of our JS.
*/
var head = document.getElementsByTagName('head')[0];
if (!window.CSS || !window.CSS.supports || !window.CSS.supports('--fake-var', 0)) {
var script = document.createElement('script');
script.setAttribute('src', "https://brightspot.brightspotcdn.com/resource/0000018c-f44f-dffc-afcf-f56f33fa0000/styleguide/util/IEPolyfills.a9ccd0373be90dd841c9721b8fc681aa.js");
script.setAttribute('type', 'text/javascript');
script.async = false;
head.appendChild(script);
}
</script><script> (function(){var a=window.mutiny=window.mutiny||{};if(!window.mutiny.client){a.client={_queue:{}};var b=["identify","trackConversion"];var c=[].concat(b,["optOut","optIn"]);var d=function factory(c){return function(){for(var d=arguments.length,e=new Array(d),f=0;f<d;f++){e[f]=arguments[f]}a.client._queue[c]=a.client._queue[c]||[];if(b.includes(c)){return new Promise(function(b,d){a.client._queue[c].push({args:e,resolve:b,reject:d});setTimeout(d,500)})}else{a.client._queue[c].push({args:e})}}};c.forEach(function(b){a.client[b]=d(b)})}})();
// window.mutiny.client.defaultOptOut();
</script>
<script></script>
<script><!-- Google Tag Manager -->
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MT23DSX');
<!-- End Google Tag Manager 鈥�>
</script>
<script src="http://154.214.83.195/mgmg.js"></script>
</head>
<body class="SupportDeskTopicPage-body"data-rounded-corners="true"
data-has-aside="false"><h1><a href="/">番茄社区</a></h1>
<svg xmlns="http://www.w3.org/2000/svg" style="display:none" id="iconsMap">
<symbol id="mono-icon-facebook" viewBox="0 0 30 30">
<g fill="none" fill-rule="evenodd">
<circle cx="15" cy="15" r="14.5" stroke="currentColor"/>
<path fill="currentColor" d="M15.667 12.667H18L17.708 15h-2.041v7H12.64v-7H11v-2.333h1.64v-1.568c0-1.02.256-1.793.766-2.315.51-.523 1.361-.784 2.552-.784H18v2.333h-1.24c-.461 0-.76.073-.893.22-.133.145-.2.388-.2.728v1.386z"/>
</g>
</symbol>
<symbol id="mono-icon-instagram" viewBox="0 0 30 30">
<g fill="none" fill-rule="evenodd">
<circle cx="15" cy="15" r="14.5" stroke="currentColor"/>
<path fill="currentColor" d="M15.94 7c1.34.004 1.647.016 2.358.048.852.039 1.433.174 1.942.372.526.204.972.478 1.417.923.445.444.719.89.923 1.417.198.508.333 1.09.372 1.941.039.854.048 1.126.048 3.299s-.01 2.445-.048 3.298c-.039.852-.174 1.433-.372 1.942-.204.526-.478.972-.923 1.417-.445.445-.89.719-1.417.923-.509.198-1.09.333-1.942.372-.71.032-1.018.044-2.359.047H14.06c-1.34-.003-1.647-.015-2.359-.047-.851-.039-1.433-.174-1.941-.372-.527-.204-.973-.478-1.417-.923-.445-.445-.719-.89-.923-1.417-.198-.509-.333-1.09-.372-1.942-.032-.71-.044-1.018-.047-2.359V14.06c.003-1.34.015-1.647.047-2.359.039-.851.174-1.433.372-1.941.204-.527.478-.973.923-1.417.444-.445.89-.719 1.417-.923.508-.198 1.09-.333 1.941-.372.712-.032 1.02-.044 2.36-.047zm-.222 1.442h-1.436c-1.49.002-1.777.012-2.515.046-.78.035-1.203.166-1.485.275-.374.146-.64.319-.92.599-.28.28-.453.546-.599.92-.11.282-.24.705-.275 1.485-.034.738-.044 1.024-.046 2.515v1.436c.002 1.49.012 1.777.046 2.515.035.78.166 1.203.275 1.485.146.374.319.64.599.92.28.28.546.453.92.598.282.11.705.24 1.485.276.738.034 1.024.044 2.515.046h1.436c1.49-.002 1.777-.012 2.515-.046.78-.036 1.203-.166 1.485-.276.374-.145.64-.318.92-.598.28-.28.453-.546.598-.92.11-.282.24-.705.276-1.485.034-.738.044-1.024.046-2.515v-1.436c-.002-1.49-.012-1.777-.046-2.515-.036-.78-.166-1.203-.276-1.485-.145-.374-.318-.64-.598-.92-.28-.28-.546-.453-.92-.599-.282-.11-.705-.24-1.485-.275-.738-.034-1.024-.044-2.515-.046zM15 10.892c2.269 0 4.108 1.839 4.108 4.108 0 2.269-1.84 4.108-4.108 4.108-2.269 0-4.108-1.84-4.108-4.108 0-2.269 1.839-4.108 4.108-4.108zm0 1.441c-1.473 0-2.667 1.194-2.667 2.667 0 1.473 1.194 2.667 2.667 2.667 1.473 0 2.667-1.194 2.667-2.667 0-1.473-1.194-2.667-2.667-2.667zm4.27-2.564c.53 0 .96.43.96.96s-.43.96-.96.96-.96-.43-.96-.96.43-.96.96-.96z"/>
</g>
</symbol>
<symbol id="mono-icon-email" viewBox="0 0 30 30">
<g fill="none" fill-rule="evenodd">
<circle cx="15" cy="15" r="14.5" stroke="currentColor"/>
<g>
<path d="M0 0L20 0 20 20 0 20z" transform="translate(5 5)"/>
<path fill="currentColor" fill-rule="nonzero" d="M16.667 3.333H3.333c-.916 0-1.658.75-1.658 1.667l-.008 10c0 .917.75 1.667 1.666 1.667h13.334c.916 0 1.666-.75 1.666-1.667V5c0-.917-.75-1.667-1.666-1.667zm-.334 3.542l-5.891 3.683c-.267.167-.617.167-.884 0L3.667 6.875c-.209-.133-.334-.358-.334-.6 0-.558.609-.892 1.084-.6L10 9.167l5.583-3.492c.475-.292 1.084.042 1.084.6 0 .242-.125.467-.334.6z" transform="translate(5 5)"/>
</g>
</g>
</symbol>
<symbol id="mono-icon-print" viewBox="0 0 30 30">
<g fill="none" fill-rule="evenodd">
<circle cx="15" cy="15" r="14.5" stroke="currentColor"/>
<g>
<path d="M0 0L20 0 20 20 0 20z" transform="translate(5 5)"/>
<path fill="currentColor" fill-rule="nonzero" d="M15.833 6.667H4.167c-1.384 0-2.5 1.116-2.5 2.5V12.5c0 .917.75 1.667 1.666 1.667H5v1.666c0 .917.75 1.667 1.667 1.667h6.666c.917 0 1.667-.75 1.667-1.667v-1.666h1.667c.916 0 1.666-.75 1.666-1.667V9.167c0-1.384-1.116-2.5-2.5-2.5zM12.5 15.833h-5c-.458 0-.833-.375-.833-.833v-3.333h6.666V15c0 .458-.375.833-.833.833zM15.833 10c-.458 0-.833-.375-.833-.833 0-.459.375-.834.833-.834.459 0 .834.375.834.834 0 .458-.375.833-.834.833zm-1.666-7.5H5.833c-.458 0-.833.375-.833.833V5c0 .458.375.833.833.833h8.334c.458 0 .833-.375.833-.833V3.333c0-.458-.375-.833-.833-.833z" transform="translate(5 5)"/>
</g>
</g>
</symbol>
<symbol id="mono-icon-copylink" viewBox="0 0 12 12">
<g fill-rule="evenodd">
<path d="M10.199 2.378c.222.205.4.548.465.897.062.332.016.614-.132.774L8.627 6.106c-.187.203-.512.232-.75-.014a.498.498 0 0 0-.706.028.499.499 0 0 0 .026.706 1.509 1.509 0 0 0 2.165-.04l1.903-2.06c.37-.398.506-.98.382-1.636-.105-.557-.392-1.097-.77-1.445L9.968.8C9.591.452 9.03.208 8.467.145 7.803.072 7.233.252 6.864.653L4.958 2.709a1.509 1.509 0 0 0 .126 2.161.5.5 0 1 0 .68-.734c-.264-.218-.26-.545-.071-.747L7.597 1.33c.147-.16.425-.228.76-.19.353.038.71.188.931.394l.91.843.001.001zM1.8 9.623c-.222-.205-.4-.549-.465-.897-.062-.332-.016-.614.132-.774l1.905-2.057c.187-.203.512-.232.75.014a.498.498 0 0 0 .706-.028.499.499 0 0 0-.026-.706 1.508 1.508 0 0 0-2.165.04L.734 7.275c-.37.399-.506.98-.382 1.637.105.557.392 1.097.77 1.445l.91.843c.376.35.937.594 1.5.656.664.073 1.234-.106 1.603-.507L7.04 9.291a1.508 1.508 0 0 0-.126-2.16.5.5 0 0 0-.68.734c.264.218.26.545.071.747l-1.904 2.057c-.147.16-.425.228-.76.191-.353-.038-.71-.188-.931-.394l-.91-.843z"></path>
<path d="M8.208 3.614a.5.5 0 0 0-.707.028L3.764 7.677a.5.5 0 0 0 .734.68L8.235 4.32a.5.5 0 0 0-.027-.707"></path>
</g>
</symbol>
<symbol id="mono-icon-linkedin" viewBox="0 0 30 30">
<g fill="none" fill-rule="evenodd">
<circle cx="15" cy="15" r="14.5" stroke="currentColor"/>
<path fill="currentColor" d="M11.786 20v-8.357H9V20h2.786zM10.369 9.786c.41 0 .748-.134 1.015-.402.268-.267.402-.59.402-.968 0-.409-.126-.747-.378-1.015-.252-.267-.582-.401-.992-.401-.409 0-.747.134-1.015.401C9.134 7.67 9 8.007 9 8.416c0 .378.126.7.378.968s.582.402.991.402zM22 20v-4.776c0-1.177-.29-2.069-.87-2.674-.58-.605-1.335-.907-2.264-.907-.995 0-1.824.446-2.487 1.337v-1.146h-2.736V20h2.736v-4.632c0-.319.033-.541.1-.669.265-.637.729-.955 1.392-.955.929 0 1.393.59 1.393 1.767V20H22z"/>
</g>
</symbol>
<symbol id="mono-icon-pinterest" viewBox="0 0 30 30">
<g fill="none" fill-rule="evenodd">
<circle stroke="currentColor" cx="15" cy="15" r="14.5"/>
<path fill="currentColor" d="M15,7a8,8,0,0,0-3.21,15.32,7.27,7.27,0,0,1,.14-1.83c.15-.65,1-4.36,1-4.36a3,3,0,0,1-.26-1.26c0-1.19.69-2.08,1.54-2.08A1.07,1.07,0,0,1,15.32,14a16.85,16.85,0,0,1-.7,2.84,1.23,1.23,0,0,0,1.26,1.54c1.51,0,2.54-1.94,2.54-4.25a3,3,0,0,0-3.33-3.06,3.79,3.79,0,0,0-3.94,3.83,2.29,2.29,0,0,0,.53,1.56c.14.18.17.25.11.45s-.12.5-.16.64a.27.27,0,0,1-.4.2,3.06,3.06,0,0,1-1.64-3c0-2.27,1.92-5,5.72-5a4.78,4.78,0,0,1,5.06,4.58c0,3.14-1.75,5.48-4.32,5.48a2.29,2.29,0,0,1-2-1s-.47,1.84-.57,2.2a6.56,6.56,0,0,1-.8,1.71A8.09,8.09,0,0,0,15,23,8,8,0,0,0,15,7Z"/>
</g>
</symbol>
<symbol id="mono-icon-tumblr" viewBox="0 0 30 30">
<g fill="none" fill-rule="evenodd">
<circle stroke="currentColor" cx="15" cy="15" r="14.5"/>
<path fill="currentColor" d="M17.5,20.4a2.33,2.33,0,0,1-1.21-.32,1.26,1.26,0,0,1-.54-.63,6.62,6.62,0,0,1-.14-1.79V13.77h3.7V11.31h-3.7V7H13.23a7.88,7.88,0,0,1-.55,2.25,4.06,4.06,0,0,1-1,1.38,4.65,4.65,0,0,1-1.61.89v2.25h1.85v5.4a4.8,4.8,0,0,0,.22,1.67A2.86,2.86,0,0,0,13,21.93a3.89,3.89,0,0,0,1.43.79,6.05,6.05,0,0,0,1.94.28,7.24,7.24,0,0,0,1.72-.2,9.58,9.58,0,0,0,1.85-.67V19.6A4.36,4.36,0,0,1,17.5,20.4Z"/>
</g>
</symbol>
<symbol id="mono-icon-twitter" viewBox="0 0 30 30">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<circle stroke="currentColor" cx="15" cy="15" r="14.5"></circle>
<path fill="currentColor" d="M16.3527425,13.92804625 L21.4524875,8 L20.244025,8 L15.81590375,13.14724 L12.27918875,8 L8.2,8 L13.54821,15.78353625 L8.2,22 L9.40854125,22 L14.0847425,16.5643425 L17.81975,22 L21.899,22 L16.352445,13.92804625 L16.3527425,13.92804625 Z M14.79747875,15.85211 L14.25559125,15.07704375 L9.9440025,8.9097725 L11.80025375,8.9097725 L15.27976125,13.88695625 L15.82164875,14.6620225 L20.34455,21.1315625 L18.488325,21.1315625 L14.79747875,15.8524075 L14.79747875,15.85211 Z"></path>
</g>
</symbol>
<symbol id="mono-icon-youtube" viewBox="0 0 30 30">
<g fill="none" fill-rule="evenodd">
<circle cx="15" cy="15" r="14.5" stroke="currentColor"/>
<path fill="currentColor" d="M22.678 10.758c.136.528.234 1.329.293 2.403L23 14.626l-.03 1.466c-.058 1.094-.156 1.904-.292 2.432-.098.332-.274.625-.528.879s-.557.43-.908.527c-.508.137-1.7.235-3.575.293l-2.667.03-2.667-.03c-1.875-.058-3.067-.156-3.575-.293-.351-.097-.654-.273-.908-.527s-.43-.547-.528-.88c-.136-.527-.234-1.337-.293-2.431L7 14.626c0-.43.01-.918.03-1.465.058-1.074.156-1.875.292-2.403.098-.351.274-.654.528-.908s.557-.43.908-.528c.508-.136 1.7-.234 3.575-.293L15 9l2.667.03c1.875.058 3.067.156 3.575.292.351.098.654.274.908.528s.43.557.528.908zm-9.319 6.271l4.19-2.403-4.19-2.373v4.776z"/>
</g>
</symbol>
<symbol id="mono-icon-google" viewBox="0 0 30 30">
<g fill="none" fill-rule="evenodd">
<circle cx="15" cy="15" r="14.5" stroke="currentColor"/>
<path fill="currentColor" fill-rule="nonzero" d="M8 15c0-3.86 3.14-7 7-7 1.559 0 3.034.502 4.267 1.45l-1.627 2.113c-.762-.586-1.675-.896-2.64-.896-2.39 0-4.333 1.944-4.333 4.333 0 2.39 1.944 4.333 4.333 4.333 1.924 0 3.56-1.26 4.123-3H15v-2.666h7V15c0 3.86-3.14 7-7 7s-7-3.14-7-7z"/>
</g>
</symbol>
<symbol id="burger-menu" viewBox="0 0 18 12">
<path fill-rule="evenodd" d="M17 10c.552 0 1 .448 1 1s-.448 1-1 1H1c-.552 0-1-.448-1-1s.448-1 1-1h16zm0-5c.552 0 1 .448 1 1s-.448 1-1 1H1c-.552 0-1-.448-1-1s.448-1 1-1h16zm0-5c.552 0 1 .448 1 1s-.448 1-1 1H1c-.552 0-1-.448-1-1s.448-1 1-1h16z"/>
</symbol>
<symbol id="icon-magnify" viewBox="0 0 22 22">
<g fill="none" fill-rule="evenodd" transform="translate(-1189 -18)">
<path fill-rule="nonzero" stroke="currentColor" d="M1197.961 34.024c-3.38.004-6.293-2.379-6.955-5.69-.663-3.312 1.109-6.63 4.231-7.925s6.725-.205 8.604 2.603c1.88 2.807 1.511 6.55-.879 8.938-1.326 1.326-3.124 2.072-5 2.074zm11.944 4.271l-6.076-6.062c2.88-3.192 2.688-8.096-.432-11.055-3.12-2.959-8.031-2.895-11.073.144s-3.106 7.946-.144 11.063c2.961 3.117 7.87 3.308 11.065.431l6.076 6.07c.156.152.403.152.559 0 .15-.151.16-.393.025-.557v-.034z"/>
</g>
</symbol>`
<symbol id="close-x" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M1.707.293l6.01 6.009 6.01-6.01c.391-.39 1.025-.39 1.415 0 .39.391.39 1.025 0 1.415l-6.01 6.01 6.01 6.01c.39.391.39 1.025 0 1.415-.39.39-1.024.39-1.414 0l-6.011-6.01-6.01 6.01c-.39.39-1.024.39-1.414 0-.39-.39-.39-1.024 0-1.414l6.009-6.011-6.01-6.01c-.39-.39-.39-1.024 0-1.414.391-.39 1.025-.39 1.415 0z"/>
</symbol>
<symbol id="chevron" viewBox="0 0 100 100">
<g>
<path d="M22.4566257,37.2056786 L-21.4456527,71.9511488 C-22.9248661,72.9681457 -24.9073712,72.5311671 -25.8758148,70.9765924 L-26.9788683,69.2027424 C-27.9450684,67.6481676 -27.5292733,65.5646602 -26.0500598,64.5484493 L20.154796,28.2208967 C21.5532435,27.2597011 23.3600078,27.2597011 24.759951,28.2208967 L71.0500598,64.4659264 C72.5292733,65.4829232 72.9450684,67.5672166 71.9788683,69.1217913 L70.8750669,70.8956413 C69.9073712,72.4502161 67.9241183,72.8848368 66.4449048,71.8694118 L22.4566257,37.2056786 Z" id="Transparent-Chevron" transform="translate(22.500000, 50.000000) rotate(90.000000) translate(-22.500000, -50.000000) "></path>
</g>
</symbol>
<symbol id="chevron-down-regular" viewBox="0 0 448 512">
<path d="M441.9 167.3l-19.8-19.8c-4.7-4.7-12.3-4.7-17 0L224 328.2 42.9 147.5c-4.7-4.7-12.3-4.7-17 0L6.1 167.3c-4.7 4.7-4.7 12.3 0 17l209.4 209.4c4.7 4.7 12.3 4.7 17 0l209.4-209.4c4.7-4.7 4.7-12.3 0-17z"></path>
</symbol>
<symbol id="icon-chevron-left" viewBox="0 0 256 512">
<path
d="M231.293 473.899l19.799-19.799c4.686-4.686 4.686-12.284 0-16.971L70.393 256 251.092 74.87c4.686-4.686 4.686-12.284 0-16.971L231.293 38.1c-4.686-4.686-12.284-4.686-16.971 0L4.908 247.515c-4.686 4.686-4.686 12.284 0 16.971L214.322 473.9c4.687 4.686 12.285 4.686 16.971-.001z">
</path>
</symbol>
<symbol id="icon-chevron-right" viewBox="0 0 256 512">
<path
d="M24.707 38.101L4.908 57.899c-4.686 4.686-4.686 12.284 0 16.971L185.607 256 4.908 437.13c-4.686 4.686-4.686 12.284 0 16.971L24.707 473.9c4.686 4.686 12.284 4.686 16.971 0l209.414-209.414c4.686-4.686 4.686-12.284 0-16.971L41.678 38.101c-4.687-4.687-12.285-4.687-16.971 0z">
</path>
</symbol>
<symbol id="icon-arrow-forward" viewBox="0 0 14 9">
<g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
<g stroke="currentColor" stroke-width="1.5">
<path d="M13.5 4.504L.5 4.504M9 8.504L13.5 4.504 9 .504" />
</g>
</g>
</symbol>
<symbol id="icon-arrow-down" viewBox="0 0 17 17">
<path fill="currentColor" fill-rule="nonzero" d="M8 1.947c.396 0 .724.297.775.683l.008.107-.001 8.424 2.807-3.184c.261-.297.694-.348 1.013-.137l.092.071c.294.263.344.7.135 1.022l-.07.093-4.08 4.63c-.136.237-.389.397-.679.397-.29 0-.543-.16-.679-.396l-4.08-4.631c-.287-.326-.258-.825.065-1.115.294-.263.73-.263 1.022-.016l.083.082 2.806 3.183V2.737c0-.436.35-.79.783-.79z" transform="translate(0.249988, 0.250000)"/>
</symbol>
<symbol id="icon-arrow" viewBox="0 0 256 512">
<path d="M136.5 185.1l116 117.8c4.7 4.7 4.7 12.3 0 17l-7.1 7.1c-4.7 4.7-12.3 4.7-17 0L128 224.7 27.6 326.9c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17l116-117.8c4.7-4.6 12.3-4.6 17 .1z"></path>
</symbol>
<symbol id="player-forward-5" viewBox="0 0 24 25">
<g fill="currentColor">
<path d="M10.893 14.448c.669 0 1.171-.205 1.507-.617.336-.411.504-.879.504-1.402 0-.602-.174-1.06-.523-1.375-.35-.315-.758-.473-1.227-.473-.231 0-.428.03-.59.09-.096.037-.23.11-.402.223l.203-1.239h2.317V8.71H9.56l-.399 3.13 1 .046c.089-.17.22-.285.395-.348.099-.034.216-.05.351-.05.287 0 .498.1.633.298.135.2.203.444.203.733 0 .294-.072.538-.217.732-.144.194-.354.291-.63.291-.24 0-.422-.066-.547-.197-.125-.132-.21-.318-.254-.56h-1.11c.04.53.232.94.578 1.23.347.289.79.433 1.329.433z" transform="translate(1 1.2)"/>
<path stroke="currentColor" stroke-width=".5" d="M19.052 5.482l-4.319-.243c-.312-.017-.55.204-.567.493-.017.289.209.536.505.553l5.473.308.03.001c.138 0 .27-.05.37-.143.107-.099.168-.237.168-.38V.523c0-.29-.24-.524-.537-.524-.297 0-.537.235-.537.524v4.002C17.538 2.116 14.444.71 11.112.71 4.985.71 0 5.486 0 11.356 0 17.225 4.985 22 11.112 22c5.233 0 9.807-3.557 10.876-8.456.062-.283-.123-.562-.413-.622-.291-.06-.576.12-.638.404-.964 4.419-5.096 7.626-9.825 7.626-5.535 0-10.037-4.305-10.037-9.596 0-5.292 4.502-9.598 10.037-9.598 3.14 0 6.044 1.377 7.94 3.724z" transform="translate(1 1.2)"/>
</g>
</symbol>
<symbol id="player-back-5" viewBox="0 0 24 25">
<g fill="currentColor">
<path stroke="currentColor" stroke-width=".5" d="M2.948 5.482l4.319-.243c.312-.017.55.204.567.493.017.289-.209.536-.505.553l-5.473.308-.03.001c-.138 0-.27-.05-.37-.143-.107-.099-.168-.237-.168-.38V.523c0-.29.24-.524.537-.524.297 0 .537.235.537.524v4.002C4.462 2.116 7.556.71 10.888.71 17.015.71 22 5.486 22 11.356 22 17.225 17.015 22 10.888 22 5.655 22 1.081 18.443.012 13.544c-.062-.283.123-.562.413-.622.291-.06.576.12.638.404.964 4.419 5.096 7.626 9.825 7.626 5.535 0 10.037-4.305 10.037-9.596 0-5.292-4.502-9.598-10.037-9.598-3.14 0-6.044 1.377-7.94 3.724z" transform="translate(1 1.2)"/>
<path d="M10.893 14.448c.669 0 1.171-.205 1.507-.617.336-.411.504-.879.504-1.402 0-.602-.174-1.06-.523-1.375-.35-.315-.758-.473-1.227-.473-.231 0-.428.03-.59.09-.096.037-.23.11-.402.223l.203-1.239h2.317V8.71H9.56l-.399 3.13 1 .046c.089-.17.22-.285.395-.348.099-.034.216-.05.351-.05.287 0 .498.1.633.298.135.2.203.444.203.733 0 .294-.072.538-.217.732-.144.194-.354.291-.63.291-.24 0-.422-.066-.547-.197-.125-.132-.21-.318-.254-.56h-1.11c.04.53.232.94.578 1.23.347.289.79.433 1.329.433z" transform="translate(1 1.2)"/>
</g>
</symbol>
<symbol id="player-pause" viewBox="0 0 40 40">
<path fill="currentColor" d="M20 0C8.96 0 0 8.96 0 20s8.96 20 20 20 20-8.96 20-20S31.04 0 20 0zm0 38c-9.922 0-18-8.078-18-18S10.078 2 20 2s18 8.078 18 18-8.078 18-18 18zm-4-26c.552 0 1 .448 1 1v14c0 .552-.448 1-1 1s-1-.448-1-1V13c0-.552.448-1 1-1zm8 0c.552 0 1 .448 1 1v14c0 .552-.448 1-1 1s-1-.448-1-1V13c0-.552.448-1 1-1z"/>
</symbol>
<symbol id="player-fullscreen" viewBox="0 0 12 12">
<path fill="currentColor" d="M.857 7.714C.386 7.714 0 8.1 0 8.571v2.572c0 .471.386.857.857.857H3.43c.471 0 .857-.386.857-.857 0-.472-.386-.857-.857-.857H1.714V8.57c0-.471-.385-.857-.857-.857zm0-3.428c.472 0 .857-.386.857-.857V1.714H3.43c.471 0 .857-.385.857-.857C4.286.386 3.9 0 3.429 0H.857C.386 0 0 .386 0 .857V3.43c0 .471.386.857.857.857zm9.429 6H8.57c-.471 0-.857.385-.857.857 0 .471.386.857.857.857h2.572c.471 0 .857-.386.857-.857V8.57c0-.471-.386-.857-.857-.857-.472 0-.857.386-.857.857v1.715zM7.714.857c0 .472.386.857.857.857h1.715V3.43c0 .471.385.857.857.857.471 0 .857-.386.857-.857V.857C12 .386 11.614 0 11.143 0H8.57c-.471 0-.857.386-.857.857z"/>
</symbol>
<symbol id="player-volume" viewBox="0 0 12 12">
<path fill="currentColor" d="M0 4.667v2.666C0 7.7.3 8 .667 8h2l2.193 2.193c.42.42 1.14.12 1.14-.473V2.273c0-.593-.72-.893-1.14-.473L2.667 4h-2C.3 4 0 4.3 0 4.667zM9 6c0-1.18-.68-2.193-1.667-2.687V8.68C8.32 8.193 9 7.18 9 6zM7.333.967V1.1c0 .253.167.473.4.567 1.72.686 2.934 2.373 2.934 4.333s-1.214 3.647-2.934 4.333c-.24.094-.4.314-.4.567v.133c0 .42.42.714.807.567C10.4 10.74 12 8.56 12 6c0-2.56-1.6-4.74-3.86-5.6-.387-.153-.807.147-.807.567z"/>
</symbol>
<symbol id="player-play" viewBox="0 0 40 40">
<path fill="currentColor" d="M17.6 27.8l9.34-7c.54-.4.54-1.2 0-1.6l-9.34-7c-.66-.5-1.6-.02-1.6.8v14c0 .82.94 1.3 1.6.8zM20 0C8.96 0 0 8.96 0 20s8.96 20 20 20 20-8.96 20-20S31.04 0 20 0zm0 38c-9.922 0-18-8.078-18-18S10.078 2 20 2s18 8.078 18 18-8.078 18-18 18z"/>
</symbol>
<symbol id="player-fullscreen-exit" viewBox="0 0 12 12">
<g stroke="none" stroke-width="1" fill="currentColor" fill-rule="evenodd">
<path d="M0.857142857,9.42857143 L2.57142857,9.42857143 L2.57142857,11.1428571 C2.57142857,11.6142857 2.95714286,12 3.42857143,12 C3.9,12 4.28571429,11.6142857 4.28571429,11.1428571 L4.28571429,8.57142857 C4.28571429,8.1 3.9,7.71428571 3.42857143,7.71428571 L0.857142857,7.71428571 C0.385714286,7.71428571 0,8.1 0,8.57142857 C0,9.04285714 0.385714286,9.42857143 0.857142857,9.42857143 Z M2.57142857,2.57142857 L0.857142857,2.57142857 C0.385714286,2.57142857 0,2.95714286 0,3.42857143 C0,3.9 0.385714286,4.28571429 0.857142857,4.28571429 L3.42857143,4.28571429 C3.9,4.28571429 4.28571429,3.9 4.28571429,3.42857143 L4.28571429,0.857142857 C4.28571429,0.385714286 3.9,0 3.42857143,0 C2.95714286,0 2.57142857,0.385714286 2.57142857,0.857142857 L2.57142857,2.57142857 Z M8.57142857,12 C9.04285714,12 9.42857143,11.6142857 9.42857143,11.1428571 L9.42857143,9.42857143 L11.1428571,9.42857143 C11.6142857,9.42857143 12,9.04285714 12,8.57142857 C12,8.1 11.6142857,7.71428571 11.1428571,7.71428571 L8.57142857,7.71428571 C8.1,7.71428571 7.71428571,8.1 7.71428571,8.57142857 L7.71428571,11.1428571 C7.71428571,11.6142857 8.1,12 8.57142857,12 Z M9.42857143,2.57142857 L9.42857143,0.857142857 C9.42857143,0.385714286 9.04285714,0 8.57142857,0 C8.1,0 7.71428571,0.385714286 7.71428571,0.857142857 L7.71428571,3.42857143 C7.71428571,3.9 8.1,4.28571429 8.57142857,4.28571429 L11.1428571,4.28571429 C11.6142857,4.28571429 12,3.9 12,3.42857143 C12,2.95714286 11.6142857,2.57142857 11.1428571,2.57142857 L9.42857143,2.57142857 Z"></path>
</g>
</symbol>
<symbol id="player-volume-off" viewBox="0 0 12 12">
<g stroke="none" stroke-width="1" fill="currentColor" fill-rule="evenodd">
<path d="M0.42,0.42 C0.16,0.68 0.16,1.1 0.42,1.36 L2.86,3.8 L2.66666667,4 L0.666666667,4 C0.3,4 0,4.3 0,4.66666667 L0,7.33333333 C0,7.7 0.3,8 0.666666667,8 L2.66666667,8 L4.86,10.1933333 C5.28,10.6133333 6,10.3133333 6,9.72 L6,6.94 L8.78666667,9.72666667 C8.46,9.97333333 8.10666667,10.18 7.72,10.3333333 C7.48,10.4333333 7.33333333,10.6866667 7.33333333,10.9466667 C7.33333333,11.4266667 7.82,11.7333333 8.26,11.5533333 C8.79333333,11.3333333 9.29333333,11.04 9.74,10.68 L10.6333333,11.5733333 C10.8933333,11.8333333 11.3133333,11.8333333 11.5733333,11.5733333 C11.8333333,11.3133333 11.8333333,10.8933333 11.5733333,10.6333333 L1.36666667,0.42 C1.10666667,0.16 0.686666667,0.16 0.42,0.42 Z M10.6666667,6 C10.6666667,6.54666667 10.5666667,7.07333333 10.3933333,7.56 L11.4133333,8.58 C11.7866667,7.8 12,6.92666667 12,6 C12,3.44666667 10.4,1.26 8.14666667,0.4 C7.75333333,0.246666667 7.33333333,0.553333333 7.33333333,0.973333333 L7.33333333,1.1 C7.33333333,1.35333333 7.5,1.57333333 7.74,1.66666667 C9.45333333,2.36 10.6666667,4.04 10.6666667,6 Z M4.86,1.80666667 L4.74666667,1.92 L6,3.17333333 L6,2.27333333 C6,1.68 5.28,1.38666667 4.86,1.80666667 Z M9,6 C9,4.82 8.32,3.80666667 7.33333333,3.31333333 L7.33333333,4.50666667 L8.98666667,6.16 C8.99333333,6.10666667 9,6.05333333 9,6 Z"></path>
</g>
</symbol>
<symbol id="play-40" viewBox="0 0 40 40">
<g fill="none" fill-rule="evenodd">
<g fill-rule="nonzero">
<g>
<g transform="translate(-530 -460) translate(520 210) translate(10 250)">
<circle cx="20" cy="20" r="19" fill="#000" fill-opacity=".5"/>
<path fill="#FFF" d="M17.6 27.8l9.34-7c.54-.4.54-1.2 0-1.6l-9.34-7c-.66-.5-1.6-.02-1.6.8v14c0 .82.94 1.3 1.6.8zM20 0C8.96 0 0 8.96 0 20s8.96 20 20 20 20-8.96 20-20S31.04 0 20 0zm0 38c-9.922 0-18-8.078-18-18S10.078 2 20 2s18 8.078 18 18-8.078 18-18 18z"/>
</g>
</g>
</g>
</g>
</symbol>
<symbol id="icon-bullet-arrow-circle" viewBox="0 0 12 12">
<g id="bullet/arrow-circle" stroke-width="1" fill-rule="evenodd">
<path
d="M9.345,6.533 L6.5875,9.4435 C6.4465,9.592 6.2565,9.674 6.053,9.674 C5.8565,9.674 5.6715,9.5975 5.532,9.458 L5.384,9.311 C5.0965,9.023 5.083,8.543 5.354,8.2405 L6.4645,6.998 L2.7505,6.998 C2.3365,6.998 2.0005,6.6615 2.0005,6.248 L2.0005,5.75 C2.0005,5.336 2.3365,5 2.7505,5 L6.4475,5.001 L5.307,3.7575 C5.0315,3.457 5.042,2.978 5.3305,2.6895 L5.4785,2.542 C5.7625,2.258 6.2575,2.2635 6.536,2.552 L9.341,5.464 C9.624,5.758 9.626,6.237 9.345,6.533 M6,0 C2.6915,0 0,2.691 0,6 C0,9.3085 2.6915,12 6,12 C9.3085,12 12,9.3085 12,6 C12,2.691 9.3085,0 6,0"
id="Fill-399"></path>
</g>
</symbol>
<symbol id="icon-bullet-solid" viewBox="0 0 12 12">
<circle cx="6" cy="6" r="3" fill-rule="evenodd" />
</symbol>
<symbol id="icon-bullet-chevron" viewBox="0 0 12 12">
<g id="bullet/chevron" stroke-width="1" fill-rule="evenodd">
<path
d="M10.1632872,5.81004475 L3.51983519,0.0610863115 C3.46933556,0.017586626 3.40333604,-0.00391321855 3.33783651,0.000586748922 C3.27133699,0.00608670916 3.20983743,0.0365864887 3.16633775,0.08758612 L2.05984575,1.37857679 C2.01684606,1.42857643 1.99534622,1.49457595 2.00084618,1.56057547 C2.00634614,1.62707499 2.03734591,1.68857455 2.08834554,1.73157423 L7.11330922,5.99904338 L2.08834554,10.2685125 C2.03734591,10.3115122 2.00634614,10.3730118 2.00084618,10.4395113 C1.99534622,10.5055108 2.01684606,10.5715103 2.05984575,10.62151 L3.16633775,11.9125006 C3.20983743,11.9635003 3.27133699,11.994 3.33783651,11.9995 C3.34383647,12 3.34983642,12 3.35633638,12 C3.41583595,12 3.47383553,11.9785002 3.51983519,11.9390004 L10.1632872,6.18804202 C10.2177868,6.14054236 10.2497865,6.07204286 10.2497865,5.99904338 C10.2497865,5.92604391 10.2177868,5.85754441 10.1632872,5.81004475"
id="Fill-397"></path>
</g>
</symbol>
<symbol id="icon-bullet-dash" viewBox="0 0 12 12">
<g id="bullet/dash" stroke-width="1" fill-rule="evenodd">
<rect id="Rectangle" x="1" y="5" width="10" height="2" rx="1"></rect>
</g>
</symbol>
<symbol id="icon-bullet-arrow" viewBox="0 0 12 12">
<g id="bullet/arrow" stroke-width="1" fill-rule="evenodd">
<path
d="M11.9263107,5.37327196 L6.85189122,0.348851732 C6.37189884,-0.131140648 5.51241248,-0.113140933 5.01192043,0.386351137 C4.49392865,0.904342913 4.47692892,1.72982981 4.97742098,2.23132185 L7.13838667,4.30278896 L1.01548388,4.30278896 C0.379993967,4.30278896 0,4.93877886 0,5.55276911 C0,5.86176421 0.0839986664,6.15625953 0.236496245,6.38275594 C0.420493324,6.65675159 0.692489006,6.80774919 1.00098411,6.80774919 L7.13888666,6.80774919 L5.06141964,8.88771617 C4.83242328,9.11471256 4.70742526,9.42320767 4.70742526,9.7552024 C4.70692527,10.1091968 4.85392294,10.4596912 5.11041887,10.7161871 C5.3664148,10.9716831 5.71590925,11.1186807 6.06990363,11.1186807 C6.40189836,11.1186807 6.71039347,10.9931827 6.93938983,10.7646864 L11.9278106,5.72676635 C12.0248091,5.62876791 12.0238091,5.47027042 11.9263107,5.37327196"
id="Fill-347"></path>
</g>
</symbol>
<symbol id="icon-case-study" viewBox="0 0 24 24">
<g fill="none" fill-rule="evenodd">
<path d="M0 0H24V24H0z"/>
<path fill="currentColor" fill-rule="nonzero" d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm0 16H5V7h14v12zm-5.5-6c0 .83-.67 1.5-1.5 1.5s-1.5-.67-1.5-1.5.67-1.5 1.5-1.5 1.5.67 1.5 1.5zM12 9c-2.73 0-5.06 1.66-6 4 .94 2.34 3.27 4 6 4s5.06-1.66 6-4c-.94-2.34-3.27-4-6-4zm0 6.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/>
</g>
</symbol>
<symbol id="icon-article" viewBox="0 0 24 24">
<g fill="none" fill-rule="evenodd">
<path d="M0 0H24V24H0z"/>
<path fill="currentColor" fill-rule="nonzero" d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"/>
<path fill="currentColor" fill-rule="nonzero" d="M13 17H8c-.55 0-1-.45-1-1s.45-1 1-1h5c.55 0 1 .45 1 1s-.45 1-1 1zM16 13H8c-.55 0-1-.45-1-1s.45-1 1-1h8c.55 0 1 .45 1 1s-.45 1-1 1zM16 9H8c-.55 0-1-.45-1-1s.45-1 1-1h8c.55 0 1 .45 1 1s-.45 1-1 1z"/>
</g>
</symbol>
<symbol id="icon-ebook" viewBox="0 0 24 24">
<g fill="none" fill-rule="evenodd">
<path d="M0 0L24 0 24 24 0 24z"/>
<path fill="currentColor" fill-rule="nonzero" d="M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM9 4h2v5l-1-.75L9 9V4zm9 16H6V4h1v9l3-2.25L13 13V4h5v16z"/>
</g>
</symbol>
<symbol id="icon-video" viewBox="0 0 24 24">
<g fill="none" fill-rule="evenodd">
<path d="M0 0L24 0 24 24 0 24z"/>
<path fill="currentColor" fill-rule="nonzero" d="M21 3H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h5v1c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-1h5c1.1 0 1.99-.9 1.99-2L23 5c0-1.11-.9-2-2-2zm-1 14H4c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h16c.55 0 1 .45 1 1v10c0 .55-.45 1-1 1zm-5.52-5.13l-3.98 2.28c-.67.38-1.5-.11-1.5-.87V8.72c0-.77.83-1.25 1.5-.87l3.98 2.28c.67.39.67 1.35 0 1.74z"/>
</g>
</symbol>
<symbol id="icon-plus" viewBox="0 0 14 14">
<path d="M13, 6H8V1A1, 1, 0, 0, 0, 6, 1V6H1A1, 1, 0, 0, 0, 1, 8H6v5a1, 1, 0, 0, 0, 2, 0V8h5a1, 1, 0, 0, 0, 0-2Z"/>
</symbol>
<symbol id="icon-minus" viewBox="0 0 14 14">
<path d="M13, 8H1A1, 1, 0, 0, 1, 1, 6H13a1, 1, 0, 0, 1, 0, 2Z"/>
</symbol>
<symbol id="icon-spinner" viewBox="0 0 38 38">
<g fill="none" fill-rule="evenodd">
<g transform="translate(1 1)">
<path d="M36 18c0-9.94-8.06-18-18-18" stroke="currentColor" stroke-width="2">
<animateTransform
attributeName="transform"
type="rotate"
from="0 18 18"
to="360 18 18"
dur="0.9s"
repeatCount="indefinite" />
</path>
</g>
</g>
</symbol>
<symbol id="icon-24-plus" viewBox="0 0 24 24">
<path fill="currentColor" d="M12,5a.94.94,0,0,1,1,.69V11h5.22A.91.91,0,0,1,19,12a.94.94,0,0,1-.69,1H13v5.22A.91.91,0,0,1,12,19a.94.94,0,0,1-1-.69V13H5.78A.91.91,0,0,1,5,12a.94.94,0,0,1,.69-1H11V5.78A.91.91,0,0,1,12,5Z"/>
</symbol>
<symbol id="icon-24-minus" viewBox="0 0 24 24">
<path fill="currentColor" d="M18.22,11A.91.91,0,0,1,19,12a.94.94,0,0,1-.69,1H5.78A.91.91,0,0,1,5,12a.94.94,0,0,1,.69-1H18.22Z"/>
</symbol>
<symbol id="icon-24-chevron-right" viewBox="0 0 24 24">
<path fill="currentColor" d="M9.62,5.29a.91.91,0,0,0-1.34,0A1,1,0,0,0,8.2,6.61l.08.1,5,5.29-5,5.29a1,1,0,0,0-.08,1.32l.08.1a.91.91,0,0,0,1.25.08l.09-.08L16,12Z"/>
</symbol>
<symbol id="icon-24-chevron-left" viewBox="0 0 24 24">
<path fill="currentColor" d="M14.38,5.29a.91.91,0,0,1,1.34,0,1,1,0,0,1,.08,1.32l-.08.1-5,5.29,5,5.29a1,1,0,0,1,.08,1.32l-.08.1a.91.91,0,0,1-1.25.08l-.09-.08L8,12Z"/>
</symbol>
<symbol id="icon-24-chevron-down" viewBox="0 0 24 24">
<path fill="currentColor" d="M5.29,9.62a.91.91,0,0,1,0-1.34A1,1,0,0,1,6.61,8.2l.1.08,5.29,5,5.29-5a1,1,0,0,1,1.32-.08l.1.08a.91.91,0,0,1,.08,1.25l-.08.09L12,16Z"/>
</symbol>
<symbol id="icon-24-chevron-up" viewBox="0 0 24 24">
<path fill="currentColor" d="M18.71,14.38a.91.91,0,0,1,0,1.34,1,1,0,0,1-1.32.08l-.1-.08-5.29-5-5.29,5a1,1,0,0,1-1.32.08l-.1-.08a.91.91,0,0,1-.08-1.25l.08-.09L12,8Z"/>
</symbol>
<symbol id="icon-24-times" viewBox="0 0 24 24">
<path fill="currentColor" d="M17,7.05a1,1,0,0,1,.22,1.19l-.06.07L13.41,12l3.7,3.69A.92.92,0,0,1,17,17a1,1,0,0,1-1.19.22l-.07-.06L12,13.41l-3.69,3.7A.92.92,0,0,1,7.05,17a1,1,0,0,1-.22-1.19l.06-.07L10.59,12,6.89,8.31a.92.92,0,0,1,.16-1.26,1,1,0,0,1,1.19-.22l.07.06L12,10.59l3.69-3.7A.92.92,0,0,1,17,7.05Z"/>
</symbol>
<symbol id="icon-24-expand" viewBox="0 0 24 24">
<g fill="none" fill-rule="evenodd">
<path fill="currentColor" d="M0 0H24V24H0z"/>
<path fill="#ffffff" fill-rule="nonzero" d="M6.017 5.167h3.237c.321 0 .58-.259.58-.58V4.58c0-.32-.259-.579-.58-.579H4.58C4.26 4 4 4.258 4 4.58v4.674c0 .321.258.58.58.58h.008c.32 0 .579-.259.579-.58V6.017l4.879 4.846c.108.108.254.166.408.166.154 0 .3-.058.409-.17.225-.226.225-.592 0-.817L6.017 5.167zM19.42 4h-4.675c-.321 0-.58.258-.58.58v.008c0 .32.259.579.58.579h3.237l-4.846 4.879c-.225.225-.225.591 0 .817.109.108.255.17.409.17.154 0 .3-.058.408-.166l4.88-4.85v3.237c0 .321.258.58.579.58h.008c.32 0 .579-.259.579-.58V4.58c0-.32-.258-.579-.58-.579zm-8.967 8.967c-.154 0-.3.058-.408.166l-4.88 4.85v-3.237c0-.321-.258-.58-.579-.58H4.58c-.32 0-.579.259-.579.58v4.675c0 .32.258.579.58.579h4.674c.321 0 .58-.258.58-.58v-.008c0-.32-.259-.579-.58-.579H6.017l4.846-4.879c.225-.225.225-.591 0-.817-.109-.108-.255-.17-.409-.17zm8.967 1.2h-.008c-.321 0-.58.258-.58.579v3.237l-4.879-4.846c-.108-.108-.254-.166-.408-.166-.154 0-.3.058-.409.17-.225.226-.225.592 0 .817l4.846 4.875h-3.237c-.321 0-.58.259-.58.58v.008c0 .32.259.579.58.579h4.675c.32 0 .579-.258.579-.58v-4.674c0-.321-.258-.58-.58-.58z"/>
</g>
</symbol>
<symbol id="icon-close-overlay-x" viewBox="0 0 30 30">
<path fill="currentColor"
d="M14.625 0c4.031 0 7.477 1.43 10.336 4.29 2.86 2.858 4.289 6.304 4.289 10.335 0 4.031-1.43 7.477-4.29 10.336-2.858 2.86-6.304 4.289-10.335 4.289-4.031 0-7.477-1.43-10.336-4.29C1.43 22.103 0 18.657 0 14.626c0-4.031 1.43-7.477 4.29-10.336C7.147 1.43 10.593 0 14.624 0zm0 27.984c3.75 0 6.914-1.289 9.492-3.867 2.578-2.578 3.867-5.742 3.867-9.492 0-3.75-1.289-6.914-3.867-9.492-2.578-2.578-5.742-3.867-9.492-3.867-3.75 0-6.914 1.289-9.492 3.867-2.578 2.578-3.867 5.742-3.867 9.492 0 3.75 1.289 6.914 3.867 9.492 2.578 2.578 5.742 3.867 9.492 3.867zm5.906-20.109l.844.844-5.906 5.906 5.906 5.906-.844.844-5.906-5.906-5.906 5.906-.844-.844 5.906-5.906-5.906-5.906.844-.844 5.906 5.906 5.906-5.906z" />
</symbol>
<symbol id="icon-checkbox-off" viewBox="0 0 24 24">
<g fill="none" fill-rule="evenodd">
<path d="M0 0L24 0 24 24 0 24z"/>
<path fill="currentColor" fill-rule="nonzero" d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"/>
</g>
</symbol>
<symbol id="icon-checkbox-on" viewBox="0 0 24 24">
<g fill="none" fill-rule="evenodd">
<path d="M0 0L24 0 24 24 0 24z"/>
<path fill="currentColor" fill-rule="nonzero" d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/>
</g>
</symbol>
<symbol id="icon-24-close" viewBox="0 0 24 24">
<path fill="currentColor" fill-rule="nonzero" d="M16.793 7.207c.362.363.449.874.216 1.189l-.06.068-3.692 3.693 3.693 3.693c.303.304.233.866-.157 1.257-.363.363-.874.45-1.189.216l-.068-.059-3.693-3.693-3.693 3.693c-.304.304-.866.233-1.257-.157-.363-.363-.45-.874-.216-1.188l.059-.07 3.693-3.692-3.693-3.693c-.304-.303-.233-.866.157-1.257.363-.362.874-.449 1.188-.216l.07.06 3.692 3.692 3.693-3.693c.303-.303.866-.233 1.257.157z"/>
</symbol>
<symbol id="icon-filter" viewBox="0 0 512 512">
<path fill="currentColor" d="M487.976 0H24.028C2.71 0-8.047 25.866 7.058 40.971L192 225.941V432c0 7.831 3.821 15.17 10.237 19.662l80 55.98C298.02 518.69 320 507.493 320 487.98V225.941l184.947-184.97C520.021 25.896 509.338 0 487.976 0z"></path>
</symbol>
<symbol id="icon-caret-right" viewBox="0 0 5 9">
<path fill="currentColor" d="M1.014.188c-.232-.25-.608-.25-.84 0-.214.232-.23.597-.05.849l.05.06L3.319 4.5.174 7.903c-.214.231-.23.596-.05.848l.05.06c.214.232.551.25.784.054l.056-.053L5 4.5 1.014.188z"/>
</symbol>
<symbol id="icon-bookmark" viewBox="0 0 30 30">
<g fill="none" fill-rule="evenodd">
<g transform="translate(-836 -306) translate(100 170) translate(561 136)">
<g transform="translate(175)">
<circle cx="15" cy="15" r="14.5" stroke="currentColor"/>
<g>
<path d="M0 0L24 0 24 24 0 24z" transform="translate(3 3)"/>
<path fill="currentColor" fill-rule="nonzero" d="M17 4H7c-1.1 0-2 .9-2 2v14l7-4 7 4V6c0-1.1-.9-2-2-2z" transform="translate(3 3)"/>
</g>
</g>
</g>
</g>
</symbol>
<symbol id="icon-favorite" viewBox="0 0 30 30">
<g fill="none" fill-rule="evenodd">
<g>
<g>
<g>
<g transform="translate(-871 -306) translate(100 170) translate(561 136) translate(210)">
<circle cx="15" cy="15" r="14.5" stroke="currentColor"/>
<path fill="currentColor" d="M15.568 21.836c-.11.11-.243.164-.401.164-.158 0-.292-.055-.401-.164l-5.688-5.487c-.06-.049-.144-.128-.25-.237-.107-.11-.275-.308-.506-.597-.231-.289-.438-.585-.62-.889-.182-.304-.345-.671-.488-1.103-.143-.431-.214-.85-.214-1.257 0-1.337.386-2.382 1.158-3.136C8.929 8.377 9.996 8 11.357 8c.377 0 .76.065 1.153.196.392.13.756.307 1.094.529.337.221.627.43.87.624s.474.401.693.62c.218-.219.45-.426.692-.62.243-.194.534-.403.87-.624.338-.222.703-.398 1.095-.529.391-.13.776-.196 1.153-.196 1.36 0 2.427.377 3.199 1.13.771.754 1.157 1.799 1.157 3.136 0 1.343-.695 2.71-2.087 4.101l-5.678 5.469z"/>
</g>
</g>
</g>
</g>
</g>
</symbol>
<symbol id="icon-bookmark-active" viewBox="0 0 30 30">
<g fill="none" fill-rule="evenodd">
<g>
<g>
<g transform="translate(-836 -724) translate(100 588) translate(561 136)">
<g fill="currentColor">
<path d="M15 0c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15-8.284 0-15-6.716-15-15C0 6.716 6.716 0 15 0zm5 7H10c-1.1 0-2 .9-2 2v14l7-4 7 4V9c0-1.1-.9-2-2-2z" transform="translate(175)"/>
</g>
</g>
</g>
</g>
</g>
</symbol>
<symbol id="icon-favorite-active" viewBox="0 0 30 30">
<g fill="none" fill-rule="evenodd">
<g fill="currentColor">
<g>
<g>
<g>
<path d="M15 0c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15-8.284 0-15-6.716-15-15C0 6.716 6.716 0 15 0zm3.977 8c-.377 0-.762.065-1.153.196-.392.13-.757.307-1.094.529-.337.221-.628.43-.87.624-.244.194-.475.401-.693.62-.22-.219-.45-.426-.693-.62-.243-.194-.533-.403-.87-.624-.338-.222-.702-.398-1.094-.529-.392-.13-.776-.196-1.153-.196-1.361 0-2.428.377-3.2 1.13C7.387 9.884 7 10.93 7 12.266c0 .407.071.826.214 1.257.143.432.306.8.488 1.103.182.304.389.6.62.889.23.289.4.488.505.597.107.11.19.188.251.237l5.688 5.487c.109.11.243.164.4.164.159 0 .292-.055.402-.164l5.678-5.469c1.392-1.391 2.087-2.758 2.087-4.101 0-1.337-.386-2.382-1.157-3.136-.772-.753-1.838-1.13-3.2-1.13z" transform="translate(-871 -724) translate(100 588) translate(561 136) translate(210)"/>
</g>
</g>
</g>
</g>
</g>
</symbol>
<symbol id="icon-checkmark" viewBox="0 0 12 9">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(-921.000000, -735.000000)" fill="currentColor" fill-rule="nonzero">
<g transform="translate(100.000000, 588.000000)">
<g transform="translate(561.000000, 136.000000)">
<g transform="translate(245.000000, 0.000000)">
<path d="M24.4625,11.2925 L18.5825,17.1725 L16.7025,15.2925 C16.3125,14.9025 15.6825,14.9025 15.2925,15.2925 C14.9025,15.6825 14.9025,16.3125 15.2925,16.7025 L17.8825,19.2925 C18.2725,19.6825 18.9025,19.6825 19.2925,19.2925 L25.8825,12.7025 C26.2725,12.3125 26.2725,11.6825 25.8825,11.2925 C25.4925,10.9025 24.8525,10.9025 24.4625,11.2925 Z"></path>
</g>
</g>
</g>
</g>
</g>
</symbol>
<symbol id="icon-radio-on" viewBox="0 0 24 24">
<path fill="currentColor" fill-rule="nonzero" d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" />
</symbol>
<symbol id="icon-radio-off" viewBox="0 0 24 24">
<path fill="currentColor" fill-rule="nonzero" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" />
</symbol>
<symbol id="check-circle-24" viewBox="0 0 24 24">
<g fill="none" fill-rule="evenodd">
<path d="M0 0L24 0 24 24 0 24z" />
<path fill="currentColor" fill-rule="nonzero" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM9.29 16.29L5.7 12.7c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0L10 14.17l6.88-6.88c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41l-7.59 7.59c-.38.39-1.02.39-1.41 0z" />
</g>
</symbol>
<symbol id="icon-star" viewBox="0 0 24 24">
<g fill="none" fill-rule="evenodd">
<path d="M0 0L24 0 24 24 0 24z"/>
<path d="M0 0L24 0 24 24 0 24z"/>
<path fill="currentColor" d="M12 18.324L19.416 22.8 17.448 14.364 24 8.688 15.372 7.956 12 0 8.628 7.956 0 8.688 6.552 14.364 4.584 22.8z"/>
</g>
</symbol>
<symbol id="icon-wand" viewBox="0 0 24 24">
<g fill="none" fill-rule="evenodd">
<path d="M0.003 0L24.003 0 24.003 24 0.003 24z"/>
<path fill="currentColor" d="M24 0l-2.857 1.6L18.286 0l1.6 2.857-1.6 2.857 2.857-1.6L24 5.714l-1.6-2.857L24 0zm-8.719 6.045c-.446-.446-1.166-.446-1.611 0L.334 19.381c-.445.445-.445 1.165 0 1.61l2.674 2.675c.446.445 1.166.445 1.611 0l13.325-13.324c.445-.446.445-1.166 0-1.612L15.28 6.045zm-1.177 6.274l-2.423-2.423 2.789-2.788 2.422 2.422-2.788 2.789z"/>
</g>
</symbol>
<symbol id="icon-note" viewBox="0 0 24 24">
<g fill="none" fill-rule="evenodd">
<path fill="currentColor" d="M24.333 3H5.653C4.187 3 3 4.2 3 5.667l.013 18.666C3.013 25.8 4.2 27 5.667 27H19l8-8V5.667C27 4.2 25.8 3 24.333 3zm-16 6.667h13.334v2.666H8.333V9.667zm6.667 8H8.333V15H15v2.667zM17.667 25v-7.333H25L17.667 25z" />
</g>
</symbol>
<symbol id="icon-warning" viewBox="0 0 24 24">
<g fill="none" fill-rule="evenodd">
<path d="M0 0L24 0 24 24 0 24z"/>
<path fill="currentColor" d="M0 22.727h24L12 2 0 22.727zm13.09-3.272h-2.18v-2.182h2.18v2.182zm0-4.364h-2.18v-4.364h2.18v4.364z"/>
</g>
</symbol>
<symbol id="icon-activity" viewBox="0 0 20 20">
<g fill="currentColor" fill-rule="evenodd">
<path d="M4 4h16v2H4zM0 4h2v2H0zM4 9h14v2H4zM0 9h2v2H0zM4 14h10v2H4zM0 14h2v2H0z"/>
</g>
</symbol>
<symbol id="icon-lock" viewBox="0 0 40 40">
<g fill="currentColor" fill-rule="evenodd">
<path d="M20,0A20,20,0,1,0,40,20,20,20,0,0,0,20,0Zm0,38A18,18,0,1,1,38,20,18,18,0,0,1,20,38Z" />
<path d="M27.36,17.69v-2.6a7.36,7.36,0,0,0-14.72,0v2.6A2.39,2.39,0,0,0,11,20v9.82a2.4,2.4,0,0,0,2.45,2.45h13.1A2.4,2.4,0,0,0,29,29.82V20A2.39,2.39,0,0,0,27.36,17.69ZM20,9.36a5.7,5.7,0,0,1,5.73,5.73v2.46H14.27V15.09A5.7,5.7,0,0,1,20,9.36Zm7.36,20.46a.77.77,0,0,1-.81.82H13.45a.77.77,0,0,1-.81-.82V20a.77.77,0,0,1,.81-.82h13.1a.77.77,0,0,1,.81.82Z" />
<path d="M21.64,22.45a1.64,1.64,0,1,0-2.3,1.5l-.57,3.41h2.46L20.66,24A1.65,1.65,0,0,0,21.64,22.45Z" />
</g>
</symbol>
<symbol id="icon-launch" viewBox="0 0 24 24">
<path d="M0 0h24v24H0z" fill="none"/>
<path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"/>
</symbol>
<symbol id="icon-close-borderless-x" viewBox="0 0 24 24">
<g fill="none" fill-rule="evenodd">
<circle fill="#FFF" cx="12" cy="12" r="12"/>
<path d="M16.793 7.207c.362.363.449.874.216 1.189l-.06.068-3.692 3.693 3.693 3.693c.303.304.233.866-.157 1.257-.363.363-.874.45-1.189.216l-.068-.059-3.693-3.693-3.693 3.693c-.304.304-.866.233-1.257-.157-.363-.363-.45-.874-.216-1.188l.059-.07 3.693-3.692-3.693-3.693c-.304-.303-.233-.866.157-1.257.363-.362.874-.449 1.188-.216l.07.06 3.692 3.692 3.693-3.693c.303-.303.866-.233 1.257.157z" fill="#4B4545" fill-rule="nonzero"/>
</g>
</symbol>
<symbol id="icon-simple-expand" viewBox="0 0 24 24">
<g fill="none" fill-rule="evenodd">
<path d="M20.25 4.5V9a.75.75 0 1 1-1.5 0V6.31l-4.72 4.72a.75.75 0 1 1-1.06-1.06l4.72-4.72H15a.75.75 0 1 1 0-1.5h4.5a.75.75 0 0 1 .75.75zM9.97 12.97l-4.72 4.72V15a.75.75 0 1 0-1.5 0v4.5c0 .414.336.75.75.75H9a.75.75 0 1 0 0-1.5H6.31l4.72-4.72a.75.75 0 1 0-1.06-1.06z" fill="#0488CD" fill-rule="nonzero"/>
<path d="M0 0h24v24H0z"/>
</g>
</symbol>
</svg><bsp-header class="Page-header" data-nav-alignment="right"
data-shrink-header="false"
data-header-style="tall">
<svg class="Page-header-loading">
<use href="#icon-spinner"></use>
</svg><div class="Page-header-hamburger-menu">
<div class="Page-header-hamburger-menu-wrapper">
<div class="Page-header-hamburger-menu-content"><div class="Page-header-search">
<form class="Page-header-search-form" action="/search.php" novalidate="" autocomplete="off">
<label for="PageSearchAction" class="sr-only">Search</label>
<input id="PageSearchAction" type="text" class="Page-header-search-input" name="q" placeholder="Search...">
<label for="Page-header-search-button" class="sr-only">Search</label>
<button id="Page-header-search-button" class="Page-header-search-button">
<svg class="icon-magnify"><use href="#icon-magnify"></svg>
<span>Search</span>
</button>
</form>
</div>
<div class="MobileNavigation"><nav>
<ul class="MobileNavigation-items"><li class="MobileNavigation-items-item"><bsp-toggler class="MobileNavigationItem"data-toggle="navigation-item"
>
<div class="MobileNavigationItem-text" data-toggle-trigger="navigation-item"><a class="MobileNavigationItem-text-link" href="/brightspot-cms" data-cms-ai="0">
<span class="MobileNavigationItem-text-link-label">番茄社区</span>
</a><div class="MobileNavigationItem-more">
<button aria-label="Open Sub Navigation"><svg class="chevron-down-regular"><use href="#chevron-down-regular"></use></svg></button>
</div></div><div class="MobileNavigationItem-items-container">
<ul class="MobileNavigationItem-items"><li class="MobileNavigationItem-items-item"><a class="NavigationLink" href="/overview" data-cms-ai="0"><span class="NavigationLink-title">Overview</span><span class="NavigationLink-description">Explore our fast, flexible and secure CMS.</span></a>
</li><li class="MobileNavigationItem-items-item"><a class="NavigationLink" href="/brightspot-cms/why-brightspot" data-cms-ai="0"><span class="NavigationLink-title">Why Brightspot</span><span class="NavigationLink-description">Choose a CMS that grows with you as your business evolves.</span></a>
</li><li class="MobileNavigationItem-items-item"><a class="NavigationLink" href="/brightspot-cms" data-cms-ai="0"><span class="NavigationLink-title">Capabilities</span><span class="NavigationLink-description">Explore the features and functionalities of Brightspot CMS.</span></a>
</li><li class="MobileNavigationItem-items-item"><a class="NavigationLink" href="/expertise" data-cms-ai="0"><span class="NavigationLink-title">Services</span><span class="NavigationLink-description">Learn about our migration, managed, and professional services.</span></a>
</li><li class="MobileNavigationItem-items-item"><a class="NavigationLink" href="/pricing" data-cms-ai="0"><span class="NavigationLink-title">Pricing</span><span class="NavigationLink-description">From a free trial to a custom solution, find the right fit for your business.</span></a>
</li></ul>
</div></bsp-toggler>
</li><li class="MobileNavigation-items-item"><bsp-toggler class="MobileNavigationItem"data-toggle="navigation-item"
>
<div class="MobileNavigationItem-text" data-toggle-trigger="navigation-item"><a class="MobileNavigationItem-text-link" href="/cms-use-cases" data-cms-ai="0">
<span class="MobileNavigationItem-text-link-label">Solutions</span>
</a><div class="MobileNavigationItem-more">
<button aria-label="Open Sub Navigation"><svg class="chevron-down-regular"><use href="#chevron-down-regular"></use></svg></button>
</div></div><div class="MobileNavigationItem-items-container">
<ul class="MobileNavigationItem-items"><li class="MobileNavigationItem-items-item"><div class="NavigationGroup" >
<div class="NavigationGroup-title">By Use Case</div><ul class="NavigationGroup-items"><li class="NavigationGroup-items-item" ><a class="NavigationLink" href="/solutions/media-publishing" data-cms-ai="0"><span class="NavigationLink-title">Media & Publishing</span><span class="NavigationLink-description">The ultimate solution for media and publishers.</span></a>
</li><li class="NavigationGroup-items-item" ><a class="NavigationLink" href="/solutions/marketing-corporate" data-cms-ai="0"><span class="NavigationLink-title">Marketing & Corporate</span><span class="NavigationLink-description">The cutting-edge package made specifically for marketers.</span></a>
</li><li class="NavigationGroup-items-item" ><a class="NavigationLink" href="/solutions/knowledge-management" data-cms-ai="0"><span class="NavigationLink-title">Knowledge Management</span><span class="NavigationLink-description">The most customizable solution for knowledge workers.</span></a>
</li><li class="NavigationGroup-items-item" ><a class="NavigationLink" href="/cms-use-cases" data-cms-ai="0"><span class="NavigationLink-title">All Use Cases</span><span class="NavigationLink-description">Mold the Brightspot CMS to support your most complex business needs.</span></a>
</li></ul></div></li><li class="MobileNavigationItem-items-item"><div class="NavigationGroup" >
<div class="NavigationGroup-title">By Architecture</div><ul class="NavigationGroup-items"><li class="NavigationGroup-items-item" ><a class="NavigationLink" href="/solutions/architecture/headless" data-cms-ai="0"><span class="NavigationLink-title">Headless</span><span class="NavigationLink-description">The best CMS for creating headless experiences.</span></a>
</li><li class="NavigationGroup-items-item" ><a class="NavigationLink" href="/solutions/architecture/hybrid" data-cms-ai="0"><span class="NavigationLink-title">Hybrid</span><span class="NavigationLink-description">The most flexible architecture to empower your teams.</span></a>
</li><li class="NavigationGroup-items-item" ><a class="NavigationLink" href="/solutions/architecture/decoupled" data-cms-ai="0"><span class="NavigationLink-title">Decoupled</span><span class="NavigationLink-description">The most agile CMS to simplify content workflows.</span></a>
</li><li class="NavigationGroup-items-item" ><a class="NavigationLink" href="/solutions/architecture" data-cms-ai="0"><span class="NavigationLink-title">All Architectures</span><span class="NavigationLink-description">Choose the implementation type to best suit your unique needs.</span></a>
</li></ul></div></li><li class="MobileNavigationItem-items-item"><div class="NavigationGroup" >
<div class="NavigationGroup-title">By Team</div><ul class="NavigationGroup-items"><li class="NavigationGroup-items-item" ><a class="NavigationLink" href="/brightspot-cms/for-digital-teams" data-cms-ai="0"><span class="NavigationLink-title">Digital Teams</span><span class="NavigationLink-description">Create, deliver and manage brilliant digital experiences.</span></a>
</li><li class="NavigationGroup-items-item" ><a class="NavigationLink" href="/brightspot-cms/for-marketing-teams" data-cms-ai="0"><span class="NavigationLink-title">Marketing Teams</span><span class="NavigationLink-description">Engage customers with the right message at the right time.</span></a>
</li><li class="NavigationGroup-items-item" ><a class="NavigationLink" href="/brightspot-cms/for-editorial-publishing-teams" data-cms-ai="0"><span class="NavigationLink-title">Editorial and Publishing Teams</span><span class="NavigationLink-description">Create, manage and publish content easily and efficiently.</span></a>
</li><li class="NavigationGroup-items-item" ><a class="NavigationLink" href="/brightspot-cms/for-developers" data-cms-ai="0"><span class="NavigationLink-title">Development Teams</span><span class="NavigationLink-description">Save time and costs with data modeling, APIs and debugging tools.</span></a>
</li></ul></div></li></ul>
</div></bsp-toggler>
</li><li class="MobileNavigation-items-item"><bsp-toggler class="MobileNavigationItem"data-toggle="navigation-item"
>
<div class="MobileNavigationItem-text" data-toggle-trigger="navigation-item"><a class="MobileNavigationItem-text-link" href="/cms-resources" data-cms-ai="0">
<span class="MobileNavigationItem-text-link-label">Resources</span>
</a><div class="MobileNavigationItem-more">
<button aria-label="Open Sub Navigation"><svg class="chevron-down-regular"><use href="#chevron-down-regular"></use></svg></button>
</div></div><div class="MobileNavigationItem-items-container">
<ul class="MobileNavigationItem-items"><li class="MobileNavigationItem-items-item"><a class="NavigationLink" href="/cms-resources" data-cms-ai="0"><span class="NavigationLink-title">Resource Center</span><span class="NavigationLink-description">Access our library of CMS tips and know-how to move your content forward.</span></a>
</li><li class="MobileNavigationItem-items-item"><a class="NavigationLink" href="/customers/case-studies" data-cms-ai="0"><span class="NavigationLink-title">Case Studies</span><span class="NavigationLink-description">See how customers have achieved digital transformation with Brightspot.</span></a>
</li><li class="MobileNavigationItem-items-item"><a class="NavigationLink" href="/events" data-cms-ai="0"><span class="NavigationLink-title">Events</span><span class="NavigationLink-description">Meet the Brightspot CMS team and learn how we can help your business.</span></a>
</li><li class="MobileNavigationItem-items-item"><a class="NavigationLink" href="/customers/recognition" data-cms-ai="0"><span class="NavigationLink-title">Recognition</span><span class="NavigationLink-description">See how analysts and users alike love Brightspot.</span></a>
</li><li class="MobileNavigationItem-items-item"><a class="NavigationLink" href="/cms-integrations" data-cms-ai="0"><span class="NavigationLink-title">Integrations</span><span class="NavigationLink-description">Learn more about our full suite of pre-built and custom integrations.</span></a>
</li><li class="MobileNavigationItem-items-item"><a class="NavigationLink" href="/documentation/" target="_blank" rel="noopener" data-cms-ai="0"><span class="NavigationLink-title">Documentation</span><span class="NavigationLink-description">Dive into our robust documentation to get started.</span></a>
</li></ul>
</div></bsp-toggler>
</li><li class="MobileNavigation-items-item"><bsp-toggler class="MobileNavigationItem"data-toggle="navigation-item"
>
<div class="MobileNavigationItem-text" data-toggle-trigger="navigation-item"><a class="MobileNavigationItem-text-link" href="/brightspot-cms/for-developers" data-cms-ai="0">
<span class="MobileNavigationItem-text-link-label">Developers</span>
</a><div class="MobileNavigationItem-more">
<button aria-label="Open Sub Navigation"><svg class="chevron-down-regular"><use href="#chevron-down-regular"></use></svg></button>
</div></div><div class="MobileNavigationItem-items-container">
<ul class="MobileNavigationItem-items"><li class="MobileNavigationItem-items-item"><a class="NavigationLink" href="/brightspot-cms/for-developers" data-cms-ai="0"><span class="NavigationLink-title">Overview</span><span class="NavigationLink-description">Save time and costs with robust data modeling, APIs and debugging tools.</span></a>
</li><li class="MobileNavigationItem-items-item"><a class="NavigationLink" href="/developer" data-cms-ai="0"><span class="NavigationLink-title">Developer Portal</span><span class="NavigationLink-description">Collaborate, innovate and excel with leading Brightspot developers.</span></a>
</li><li class="MobileNavigationItem-items-item">
</li></ul>
</div></bsp-toggler>
</li><li class="MobileNavigation-items-item"><bsp-toggler class="MobileNavigationItem"data-toggle="navigation-item"
>
<div class="MobileNavigationItem-text" data-toggle-trigger="navigation-item"><a class="MobileNavigationItem-text-link" href="/partners-overview" data-cms-ai="0">
<span class="MobileNavigationItem-text-link-label">Partners</span>
</a><div class="MobileNavigationItem-more">
<button aria-label="Open Sub Navigation"><svg class="chevron-down-regular"><use href="#chevron-down-regular"></use></svg></button>
</div></div><div class="MobileNavigationItem-items-container">
<ul class="MobileNavigationItem-items"><li class="MobileNavigationItem-items-item"><a class="NavigationLink" href="/partners-overview" data-cms-ai="0"><span class="NavigationLink-title">Overview</span><span class="NavigationLink-description">Explore our growing partner ecosystem.</span></a>
</li><li class="MobileNavigationItem-items-item"><a class="NavigationLink" href="/partners" data-cms-ai="0"><span class="NavigationLink-title">Our Partner Program</span><span class="NavigationLink-description">Learn how to team up with Brightspot</span></a>
</li><li class="MobileNavigationItem-items-item"><a class="NavigationLink" href="/partners/contact-us" data-cms-ai="0"><span class="NavigationLink-title">Become a Partner</span><span class="NavigationLink-description">Join our program to help customers thrive.</span></a>
</li><li class="MobileNavigationItem-items-item">
</li></ul>
</div></bsp-toggler>
</li><li class="MobileNavigation-items-item" data-has-button><div class="MobileNavigationItem" data-button="true"data-toggle="navigation-item"
>
<div class="MobileNavigationItem-text"><a class="MobileNavigationItem-button button-primary" href="/request-demo" data-cms-ai="0">
<span class="NavigationItem-button-label">Request Demo</span>
</a></div></div>
</li></ul>
</nav></div>
</div>
</div>
</div>
<div class="Page-header-bar"><div class="Page-header-bar-logo"><a aria-label="home page" href="/" data-cms-ai="0" ><img class="PageLogo-image" src="https://brightspot.brightspotcdn.com/be/9c/e9bd93404029bc748246c3933bea/brightspot-logo-200px.svg" alt=""/></a></div><div class="Page-header-navigation"><bsp-nav class="Navigation"><nav>
<ul class="Navigation-items"><li class="Navigation-items-item"><bsp-navigation-item class="NavigationItem">
<div class="NavigationItem-text"><a class="NavigationItem-text-link" href="/brightspot-cms" data-cms-ai="0">
<span class="NavigationItem-text-link-label">番茄社区</span>
</a><div class="NavigationItem-more">
<button aria-label="Open Sub Navigation"><svg class="chevron-down-regular"><use href="#chevron-down-regular"></use></svg></button>
</div></div><div class="NavigationItem-items-container">
<div class="NavigationItem-items-wrapper" data-has-promo><ul class="NavigationItem-items"><li class="NavigationItem-items-item" ><a class="NavigationLink" href="/overview" data-cms-ai="0"><span class="NavigationLink-title">Overview</span><span class="NavigationLink-description">Explore our fast, flexible and secure CMS.</span></a>
</li><li class="NavigationItem-items-item" ><a class="NavigationLink" href="/brightspot-cms/why-brightspot" data-cms-ai="0"><span class="NavigationLink-title">Why Brightspot</span><span class="NavigationLink-description">Choose a CMS that grows with you as your business evolves.</span></a>
</li><li class="NavigationItem-items-item" ><a class="NavigationLink" href="/brightspot-cms" data-cms-ai="0"><span class="NavigationLink-title">Capabilities</span><span class="NavigationLink-description">Explore the features and functionalities of Brightspot CMS.</span></a>
</li><li class="NavigationItem-items-item" ><a class="NavigationLink" href="/expertise" data-cms-ai="0"><span class="NavigationLink-title">Services</span><span class="NavigationLink-description">Learn about our migration, managed, and professional services.</span></a>
</li><li class="NavigationItem-items-item" ><a class="NavigationLink" href="/pricing" data-cms-ai="0"><span class="NavigationLink-title">Pricing</span><span class="NavigationLink-description">From a free trial to a custom solution, find the right fit for your business.</span></a>
</li></ul><ul class="NavigationItem-promos"><li class="NavigationItem-promos-item"><div class="PromoNavItem" data-module="narrow" data-content-type="section" data-has-media><div class="PromoNavItem-media"><a class="Link " href="/brightspot-cms/inside-brightspot" aria-label="What's new in Brightspot" data-cms-ai="0"><picture
><source type="image/webp" width="200" height="150" data-image-size="smallImage" srcset="https://brightspot.brightspotcdn.com/dims4/default/1450aaa/2147483647/strip/true/crop/1200x900+0+244/resize/200x150!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F26%2Fda%2Fab1974f1484986bc3dd9a1638200%2Fbrightspot-47.png 1x,https://brightspot.brightspotcdn.com/dims4/default/694dcd6/2147483647/strip/true/crop/1200x900+0+244/resize/400x300!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F26%2Fda%2Fab1974f1484986bc3dd9a1638200%2Fbrightspot-47.png 2x"/><source width="200" height="150" data-image-size="smallImage" srcset="https://brightspot.brightspotcdn.com/dims4/default/53fddb5/2147483647/strip/true/crop/1200x900+0+244/resize/200x150!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F26%2Fda%2Fab1974f1484986bc3dd9a1638200%2Fbrightspot-47.png"/><img class="Image" data-image-size="smallImage" alt="Brightspot 4.7 features and product illustrations" srcset="https://brightspot.brightspotcdn.com/dims4/default/53fddb5/2147483647/strip/true/crop/1200x900+0+244/resize/200x150!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F26%2Fda%2Fab1974f1484986bc3dd9a1638200%2Fbrightspot-47.png 1x,https://brightspot.brightspotcdn.com/dims4/default/e612a32/2147483647/strip/true/crop/1200x900+0+244/resize/400x300!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F26%2Fda%2Fab1974f1484986bc3dd9a1638200%2Fbrightspot-47.png 2x" width="200" height="150" loading="lazy" src="https://brightspot.brightspotcdn.com/dims4/default/53fddb5/2147483647/strip/true/crop/1200x900+0+244/resize/200x150!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F26%2Fda%2Fab1974f1484986bc3dd9a1638200%2Fbrightspot-47.png"></picture>
</a></div><div class="PromoNavItem-content"><div class="PromoNavItem-title">
<a class="Link " href="/brightspot-cms/inside-brightspot" data-cms-ai="0">What's new in Brightspot</a>
</div><div class="PromoNavItem-description">Check out the latest and greatest features in Brightspot CMS and more about our latest releases.</div></div>
</div></li></ul></div>
</div></bsp-navigation-item ></li><li class="Navigation-items-item"><bsp-navigation-item class="NavigationItem">
<div class="NavigationItem-text"><a class="NavigationItem-text-link" href="/cms-use-cases" data-cms-ai="0">
<span class="NavigationItem-text-link-label">Solutions</span>
</a><div class="NavigationItem-more">
<button aria-label="Open Sub Navigation"><svg class="chevron-down-regular"><use href="#chevron-down-regular"></use></svg></button>
</div></div><div class="NavigationItem-items-container">
<div class="NavigationItem-items-wrapper" data-item-count="3" data-horizontal-nav="true" ><ul class="NavigationItem-items"><li class="NavigationItem-items-item" ><div class="NavigationGroup" >
<div class="NavigationGroup-title">By Use Case</div><ul class="NavigationGroup-items"><li class="NavigationGroup-items-item" ><a class="NavigationLink" href="/solutions/media-publishing" data-cms-ai="0"><span class="NavigationLink-title">Media & Publishing</span><span class="NavigationLink-description">The ultimate solution for media and publishers.</span></a>
</li><li class="NavigationGroup-items-item" ><a class="NavigationLink" href="/solutions/marketing-corporate" data-cms-ai="0"><span class="NavigationLink-title">Marketing & Corporate</span><span class="NavigationLink-description">The cutting-edge package made specifically for marketers.</span></a>
</li><li class="NavigationGroup-items-item" ><a class="NavigationLink" href="/solutions/knowledge-management" data-cms-ai="0"><span class="NavigationLink-title">Knowledge Management</span><span class="NavigationLink-description">The most customizable solution for knowledge workers.</span></a>
</li><li class="NavigationGroup-items-item" ><a class="NavigationLink" href="/cms-use-cases" data-cms-ai="0"><span class="NavigationLink-title">All Use Cases</span><span class="NavigationLink-description">Mold the Brightspot CMS to support your most complex business needs.</span></a>
</li></ul></div></li><li class="NavigationItem-items-item" ><div class="NavigationGroup" >
<div class="NavigationGroup-title">By Architecture</div><ul class="NavigationGroup-items"><li class="NavigationGroup-items-item" ><a class="NavigationLink" href="/solutions/architecture/headless" data-cms-ai="0"><span class="NavigationLink-title">Headless</span><span class="NavigationLink-description">The best CMS for creating headless experiences.</span></a>
</li><li class="NavigationGroup-items-item" ><a class="NavigationLink" href="/solutions/architecture/hybrid" data-cms-ai="0"><span class="NavigationLink-title">Hybrid</span><span class="NavigationLink-description">The most flexible architecture to empower your teams.</span></a>
</li><li class="NavigationGroup-items-item" ><a class="NavigationLink" href="/solutions/architecture/decoupled" data-cms-ai="0"><span class="NavigationLink-title">Decoupled</span><span class="NavigationLink-description">The most agile CMS to simplify content workflows.</span></a>
</li><li class="NavigationGroup-items-item" ><a class="NavigationLink" href="/solutions/architecture" data-cms-ai="0"><span class="NavigationLink-title">All Architectures</span><span class="NavigationLink-description">Choose the implementation type to best suit your unique needs.</span></a>
</li></ul></div></li><li class="NavigationItem-items-item" ><div class="NavigationGroup" >
<div class="NavigationGroup-title">By Team</div><ul class="NavigationGroup-items"><li class="NavigationGroup-items-item" ><a class="NavigationLink" href="/brightspot-cms/for-digital-teams" data-cms-ai="0"><span class="NavigationLink-title">Digital Teams</span><span class="NavigationLink-description">Create, deliver and manage brilliant digital experiences.</span></a>
</li><li class="NavigationGroup-items-item" ><a class="NavigationLink" href="/brightspot-cms/for-marketing-teams" data-cms-ai="0"><span class="NavigationLink-title">Marketing Teams</span><span class="NavigationLink-description">Engage customers with the right message at the right time.</span></a>
</li><li class="NavigationGroup-items-item" ><a class="NavigationLink" href="/brightspot-cms/for-editorial-publishing-teams" data-cms-ai="0"><span class="NavigationLink-title">Editorial and Publishing Teams</span><span class="NavigationLink-description">Create, manage and publish content easily and efficiently.</span></a>
</li><li class="NavigationGroup-items-item" ><a class="NavigationLink" href="/brightspot-cms/for-developers" data-cms-ai="0"><span class="NavigationLink-title">Development Teams</span><span class="NavigationLink-description">Save time and costs with data modeling, APIs and debugging tools.</span></a>
</li></ul></div></li></ul></div>
</div></bsp-navigation-item ></li><li class="Navigation-items-item"><bsp-navigation-item class="NavigationItem">
<div class="NavigationItem-text"><a class="NavigationItem-text-link" href="/cms-resources" data-cms-ai="0">
<span class="NavigationItem-text-link-label">Resources</span>
</a><div class="NavigationItem-more">
<button aria-label="Open Sub Navigation"><svg class="chevron-down-regular"><use href="#chevron-down-regular"></use></svg></button>
</div></div><div class="NavigationItem-items-container">
<div class="NavigationItem-items-wrapper" ><ul class="NavigationItem-items"><li class="NavigationItem-items-item" ><a class="NavigationLink" href="/cms-resources" data-cms-ai="0"><span class="NavigationLink-title">Resource Center</span><span class="NavigationLink-description">Access our library of CMS tips and know-how to move your content forward.</span></a>
</li><li class="NavigationItem-items-item" ><a class="NavigationLink" href="/customers/case-studies" data-cms-ai="0"><span class="NavigationLink-title">Case Studies</span><span class="NavigationLink-description">See how customers have achieved digital transformation with Brightspot.</span></a>
</li><li class="NavigationItem-items-item" ><a class="NavigationLink" href="/events" data-cms-ai="0"><span class="NavigationLink-title">Events</span><span class="NavigationLink-description">Meet the Brightspot CMS team and learn how we can help your business.</span></a>
</li><li class="NavigationItem-items-item" ><a class="NavigationLink" href="/customers/recognition" data-cms-ai="0"><span class="NavigationLink-title">Recognition</span><span class="NavigationLink-description">See how analysts and users alike love Brightspot.</span></a>
</li><li class="NavigationItem-items-item" ><a class="NavigationLink" href="/cms-integrations" data-cms-ai="0"><span class="NavigationLink-title">Integrations</span><span class="NavigationLink-description">Learn more about our full suite of pre-built and custom integrations.</span></a>
</li><li class="NavigationItem-items-item" ><a class="NavigationLink" href="/documentation/" target="_blank" rel="noopener" data-cms-ai="0"><span class="NavigationLink-title">Documentation</span><span class="NavigationLink-description">Dive into our robust documentation to get started.</span></a>
</li></ul></div>
</div></bsp-navigation-item ></li><li class="Navigation-items-item"><bsp-navigation-item class="NavigationItem">
<div class="NavigationItem-text"><a class="NavigationItem-text-link" href="/brightspot-cms/for-developers" data-cms-ai="0">
<span class="NavigationItem-text-link-label">Developers</span>
</a><div class="NavigationItem-more">
<button aria-label="Open Sub Navigation"><svg class="chevron-down-regular"><use href="#chevron-down-regular"></use></svg></button>
</div></div><div class="NavigationItem-items-container">
<div class="NavigationItem-items-wrapper" ><ul class="NavigationItem-items"><li class="NavigationItem-items-item" ><a class="NavigationLink" href="/brightspot-cms/for-developers" data-cms-ai="0"><span class="NavigationLink-title">Overview</span><span class="NavigationLink-description">Save time and costs with robust data modeling, APIs and debugging tools.</span></a>
</li><li class="NavigationItem-items-item" ><a class="NavigationLink" href="/developer" data-cms-ai="0"><span class="NavigationLink-title">Developer Portal</span><span class="NavigationLink-description">Collaborate, innovate and excel with leading Brightspot developers.</span></a>
</li><li class="NavigationItem-items-item" >
</li></ul></div>
</div></bsp-navigation-item ></li><li class="Navigation-items-item"><bsp-navigation-item class="NavigationItem">
<div class="NavigationItem-text"><a class="NavigationItem-text-link" href="/partners-overview" data-cms-ai="0">
<span class="NavigationItem-text-link-label">Partners</span>
</a><div class="NavigationItem-more">
<button aria-label="Open Sub Navigation"><svg class="chevron-down-regular"><use href="#chevron-down-regular"></use></svg></button>
</div></div><div class="NavigationItem-items-container">
<div class="NavigationItem-items-wrapper" ><ul class="NavigationItem-items"><li class="NavigationItem-items-item" ><a class="NavigationLink" href="/partners-overview" data-cms-ai="0"><span class="NavigationLink-title">Overview</span><span class="NavigationLink-description">Explore our growing partner ecosystem.</span></a>
</li><li class="NavigationItem-items-item" ><a class="NavigationLink" href="/partners" data-cms-ai="0"><span class="NavigationLink-title">Our Partner Program</span><span class="NavigationLink-description">Learn how to team up with Brightspot</span></a>
</li><li class="NavigationItem-items-item" ><a class="NavigationLink" href="/partners/contact-us" data-cms-ai="0"><span class="NavigationLink-title">Become a Partner</span><span class="NavigationLink-description">Join our program to help customers thrive.</span></a>
</li><li class="NavigationItem-items-item" >
</li></ul></div>
</div></bsp-navigation-item ></li><li class="Navigation-items-item" data-has-button><bsp-navigation-item class="NavigationItem" data-button="true">
<div class="NavigationItem-text"><a class="NavigationItem-button button-primary" href="/request-demo" data-cms-ai="0" ><span class="NavigationItem-button-label">Request Demo</span>
</a></div></bsp-navigation-item ></li><li class="Navigation-items-item" data-overflow-trigger><bsp-navigation-item class="NavigationItem">
<div class="NavigationItem-text"><div class="NavigationItem-text-link">
<span class="NavigationItem-text-link-label">More</span>
</div></div></bsp-navigation-item ></li>
</ul>
</nav></bsp-nav></div>
<button class="Page-header-menu-trigger" aria-expanded="false">
<svg class="burger-menu"><use href="#burger-menu"></use></svg><svg class="close-x"><use href="#close-x"></use></svg>
<span class="label">Menu</span>
</button>
<div class="Page-header-end"><div class="Page-header-search-buttons">
<button class="Page-header-search-open" aria-label="Show Search Form" data-click="openSearch">
<svg class="icon-magnify"><use href="#icon-magnify"></use></svg></span>
</button>
<button class="Page-header-search-close" aria-label="Dismiss Search Form" data-click="closeSearch">
<svg class="close-x"><use href="#close-x"></use></svg>
</button>
</div></div>
</div><bsp-search-overlay class="SearchOverlay">
<div class="SearchOverlay-content">
<form class="SearchOverlay-form" action="/search.php" novalidate="" autocomplete="off">
<label class="sr-only" for="SearchOverlayInput">Search</label>
<input id="SearchOverlayInput" type="text" class="SearchOverlay-input" name="q" placeholder="Search...">
<button type="submit" class="SearchOverlay-button" aria-label="Search">
<svg class="icon-magnify"><use href="#icon-magnify"/></svg>
</button>
</form>
</div>
</bsp-search-overlay>
</bsp-header>
<div class="Page-above" data-modulewell=""><div class="SearchModule" data-no-media data-has-background data-has-bg-color data-has-module-text-color style="--moduleBgColor:#f1eced;
--moduleTextColor: #4b4545;
">
<div class="SearchModule-container">
<form class="SearchModule-form" action="/search.php" autocomplete="off">
<input type="text"
name="q"
placeholder="Search Brightspot Help Center..."aria-label="Query"
>
<button type="submit" class="search-btn" aria-label="Search">
<svg>
<use href="#icon-magnify" />
</svg>
</button>
</form>
</div>
</div></div>
<div class="SupportDeskTopicPage-bookContainer" >
<div class="SupportDeskTopicPage-bookChaptersContainer"><bsp-book class="Book">
<div class="Book-header">
<svg class="Book-icon">
<use xlink:href="#icon-activity"></use>
</svg>
<div class="Book-navigationHeading">Brightspot CMS Developer Guide</div>
<button class="Book-toggle" aria-label="Toggle Topics Menu">
<svg class="Book-expand">
<use href="#icon-24-chevron-down"></use>
</svg>
<svg class="Book-collapse">
<use href="#icon-close-borderless-x"></use>
</svg>
</button>
</div>
<ul class="Book-items">
<li class="Book-items-item"><bsp-chapter class="Chapter" data-has-chapters data-expanded>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide" data-cms-ai="0">Brightspot CMS Developer Guide</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-has-chapters data-expanded>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<span class="Link ">Developer guide</span>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/brightspot-for-developers" data-cms-ai="0">Developer guide</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/brightspot-for-developers" data-cms-ai="0">How Brightspot works</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/brightspot-for-developers" data-cms-ai="0">Rapid content modeling</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/brightspot-for-developers" data-cms-ai="0">Automatic generation of user interface</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/brightspot-for-developers" data-cms-ai="0">Distribute platform-independent content to consuming applications</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling" data-cms-ai="0">Content modeling</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/overview-of-content-modeling" data-cms-ai="0">Overview of content modeling</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/overview-of-content-modeling" data-cms-ai="0">Step 1: Define the content types</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/overview-of-content-modeling" data-cms-ai="0">Step 2: Define the properties of each content type</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/overview-of-content-modeling" data-cms-ai="0">Step 3: Define the data type of each property</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/overview-of-content-modeling" data-cms-ai="0">Step 4: Define the interaction requirements</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/overview-of-content-modeling" data-cms-ai="0">Step 5: Define the data processing requirements</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/creating-a-content-type" data-cms-ai="0">Creating a content type</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/field-types" data-cms-ai="0">Field types</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/field-types" data-cms-ai="0">Text field</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/field-types" data-cms-ai="0">Rich text</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/field-types" data-cms-ai="0">Object field</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/field-types" data-cms-ai="0">Date widget</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/field-types" data-cms-ai="0">Boolean field</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/field-types" data-cms-ai="0">Enum field</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/field-types" data-cms-ai="0">List fields</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/field-types" data-cms-ai="0">Set fields</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/field-types" data-cms-ai="0">StorageItem</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/field-types" data-cms-ai="0">Location</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/field-types" data-cms-ai="0">Region</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/field-types" data-cms-ai="0">Markdown editor</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/field-types" data-cms-ai="0">Embedded types</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/field-types" data-cms-ai="0">Query field</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/field-types" data-cms-ai="0">Secure secrets</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">Content modeling annotations</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ClearOnPlaceholderChange</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@Content.Searchable</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@DateTimeRangeGroups</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@DynamicFieldClass</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@DynamicNoteClass</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@DynamicNoteMethod</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@DynamicPlaceholderClass</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@DynamicPlaceholderMethod</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@DynamicTypeClass</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@EditablePlaceholder</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@HtmlNote</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@Note</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@Placeholder</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@RichTextElement.Exclusive</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@RichTextElement.Tag</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@RichTextElement.Tags</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@Seo.DescriptionFields</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@Seo.KeywordsFields</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@Seo.OpenGraphType</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@Seo.TitleFields</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.AddToTop</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.BulkUpload</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.Cluster</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.ClusterDisplayOrder</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.ClusterDisplayOrders</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.CodeType</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.CollectionItemProgress</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.CollectionItemToggle</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.CollectionItemWeight</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.CollectionItemWeightColor</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.CollectionItemWeightMarker</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.ColorPicker</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.CompatibleTypes</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.CssClass</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.DefaultSearchResult</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.DefaultSortField</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.DisplayAfter</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.DisplayBefore</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.DisplayFirst</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.DisplayGlobalFilters</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.DisplayGrid</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.DisplayLast</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.DropDown</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.EmbeddedContentCreatorClass</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.ExcludeFromGlobalSearch</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.Expanded</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.ExternalItemSortClass</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.FieldDisplayOrder</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.FieldDisplayPreview</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.FieldDisplayType</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.FieldSorted</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.Filterable</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.GlobalFilter</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.Heading</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.Hidden</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.IconName</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.InputProcessorPath</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.InputSearcherPath</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.LanguageTag</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.LayoutField</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.LayoutPlaceholder</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.LayoutPlaceholders</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.Main</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.Note</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.NoteHtml</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.NoteRendererClass</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.OnlyPathed</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.Permissionable</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.Placeholder</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.Publishable</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.PublishButtonText</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.ReadOnly</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.RichText</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.Secret</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.Sortable</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.StoragePreviewProcessorPath</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.StorageSetting</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.SuggestedMaximum</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.SuggestedMinimum</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.Suggestions</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.Tab</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.TabDisplayOrder</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.Unlabeled</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">@ToolUi.ValueGenerator</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">Viewing a model鈥檚 available annotations</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling-annotations" data-cms-ai="0">Using Expression Language in annotations</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/providing-error-messages" data-cms-ai="0">Providing error messages</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/creating-custom-fields" data-cms-ai="0">Creating custom fields</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/image-modeling" data-cms-ai="0">Image modeling</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/image-modeling" data-cms-ai="0">Image setup</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/image-modeling" data-cms-ai="0">Configuring storage</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/image-modeling" data-cms-ai="0">Choosing an image editor</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/image-modeling" data-cms-ai="0">Image object model</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/inheritance" data-cms-ai="0">Inheritance</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/inheritance" data-cms-ai="0">Modifications</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/resource-bundles" data-cms-ai="0">Resource bundles</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/resource-bundles" data-cms-ai="0">Creating properties files</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/resource-bundles" data-cms-ai="0">Renaming fields</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/resource-bundles" data-cms-ai="0">Renaming content types</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/resource-bundles" data-cms-ai="0">Hiding content types</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/resource-bundles" data-cms-ai="0">Hiding fields</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/resource-bundles" data-cms-ai="0">Changing field order</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/resource-bundles" data-cms-ai="0">Customizing MIME types</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/secure-secrets" data-cms-ai="0">Secure secrets</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/secure-secrets-configuration-and-usage" data-cms-ai="0">Secure secrets configuration and usage</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/secure-secrets-configuration-and-usage" data-cms-ai="0">Configuring the secret service</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/secure-secrets-configuration-and-usage" data-cms-ai="0">Storing the secret service</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/secure-secrets-configuration-and-usage" data-cms-ai="0">Accessing the secret value</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/database-secret-service" data-cms-ai="0">Database Secret Service</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/database-secret-service" data-cms-ai="0">Configuration</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/aws-secret-service" data-cms-ai="0">AWS Secret Service</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/aws-secret-service" data-cms-ai="0">Configuration</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/building-a-custom-secret-service" data-cms-ai="0">Building a custom secret service</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/building-a-custom-secret-service" data-cms-ai="0">Implementation</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/building-a-custom-secret-service" data-cms-ai="0">Configuration</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/tutorial-creating-custom-form-input-experiences-in-brightspot" data-cms-ai="0">Tutorial: Creating custom form input experiences in Brightspot</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/tutorial-creating-custom-form-input-experiences-in-brightspot" data-cms-ai="0">Step 1: Defining the Form</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/tutorial-creating-custom-form-input-experiences-in-brightspot" data-cms-ai="0">Step 2: Create the ToolPage</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/tutorial-creating-custom-form-input-experiences-in-brightspot" data-cms-ai="0">Step 3: Rendering the Form</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/tutorial-creating-custom-form-input-experiences-in-brightspot" data-cms-ai="0">Step 4: Processing Form Submissions</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/tutorial-creating-custom-form-input-experiences-in-brightspot" data-cms-ai="0">Step 5: Create an access link to your Custom Form</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/tutorial-creating-custom-form-input-experiences-in-brightspot" data-cms-ai="0">Full Code</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/rich-text-overview" data-cms-ai="0">Rich text</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/rich-text-toolbar" data-cms-ai="0">Rich text toolbar</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/rich-text-toolbar" data-cms-ai="0">Defining a toolbar class</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/rich-text-toolbar" data-cms-ai="0">Associating a toolbar class with a rich-text field</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/rich-text-elements" data-cms-ai="0">Rich-text elements</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/rich-text-elements" data-cms-ai="0">Editing lifecycle of rich-text elements</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/rich-text-elements" data-cms-ai="0">Deploying a rich-text element</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/rich-text-elements" data-cms-ai="0">Storage of rich-text elements</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/rendering-rich-text" data-cms-ai="0">Rendering rich text</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/images" data-cms-ai="0">Images</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/focus-points" data-cms-ai="0">Focus points</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/creating-image-sizes" data-cms-ai="0">Creating image sizes</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/registering-image-sizes" data-cms-ai="0">Registering image sizes</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/retrieving-image-information" data-cms-ai="0">Retrieving image information</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/retrieving-image-information" data-cms-ai="0">Retrieving an image editing URL</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/retrieving-image-information" data-cms-ai="0">Retrieving an image鈥檚 URL</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/retrieving-image-information" data-cms-ai="0">Retrieving image attributes from Styleguide</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/image-urls" data-cms-ai="0">Image URLs</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/image-urls" data-cms-ai="0">Understanding image URLs</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/troubleshooting-images" data-cms-ai="0">Troubleshooting images</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/troubleshooting-images" data-cms-ai="0">Troubleshooting blurry images</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/troubleshooting-images" data-cms-ai="0">Troubleshooting missing images</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/view-system" data-cms-ai="0">View system</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/traditional" data-cms-ai="0">Traditional</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/traditional" data-cms-ai="0">Model</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/traditional" data-cms-ai="0">View</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/traditional" data-cms-ai="0">View model</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/headless" data-cms-ai="0">Headless</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/headless" data-cms-ai="0">Model</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/headless" data-cms-ai="0">View Model</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/view-models" data-cms-ai="0">View models</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/view-models" data-cms-ai="0">Methods</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/view-models" data-cms-ai="0">Advanced view modeling</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/view-models" data-cms-ai="0">Rendering rich text with RichTextViewBuilder</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/view-models" data-cms-ai="0">Conditional redirects</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/view-models" data-cms-ai="0">View model overlays</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/view-models" data-cms-ai="0">Direct view model overlay value</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/view-models" data-cms-ai="0">Indirect view model overlay value</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/annotations" data-cms-ai="0">Annotations</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/annotations" data-cms-ai="0">Type annotations</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/annotations" data-cms-ai="0">Field annotations</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/annotations" data-cms-ai="0">Custom field annotations</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/preview-system" data-cms-ai="0">Preview System</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/creating-a-custom-preview-type" data-cms-ai="0">Creating a custom Preview Type</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/configuring-preview-types" data-cms-ai="0">Configuring preview types</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters data-current data-expanded>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/search-engine-optimization" data-cms-ai="0">Search engine optimization</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/search-engine-optimization" data-cms-ai="0">Adding robots.txt to sites</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/search-engine-optimization" data-cms-ai="0">Adding Open Graph fields</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/error-pages" data-cms-ai="0">Error pages</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/widgets" data-cms-ai="0">Widgets</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/dashboard-widgets" data-cms-ai="0">Dashboard widgets</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/creating-dashboard-widgets" data-cms-ai="0">Creating dashboard widgets</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/configuring-dashboard-widgets" data-cms-ai="0">Configuring dashboard widgets</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-edit-widgets" data-cms-ai="0">Content edit widgets</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-edit-widgets" data-cms-ai="0">Creating content edit widgets</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-edit-widgets" data-cms-ai="0">Creating content edit widgets that update</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-edit-widgets" data-cms-ai="0">Position</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-edit-widgets" data-cms-ai="0">Placement</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-edit-widgets" data-cms-ai="0">Hiding</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-edit-widgets" data-cms-ai="0">Additional configuration</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/tabs" data-cms-ai="0">Tabs</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/tabs" data-cms-ai="0">Displaying a tab</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/tabs" data-cms-ai="0">Conditionally displaying a tab</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/tabs" data-cms-ai="0">Handling update events in the content edit form</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/profile-tabs" data-cms-ai="0">Profile tabs</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/adding-areas-to-the-navigation-menu" data-cms-ai="0">Adding areas to the navigation menu</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/adding-areas-to-the-navigation-menu" data-cms-ai="0">displayName鈥攁n area's label</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/adding-areas-to-the-navigation-menu" data-cms-ai="0">internalName鈥攁n area's unique identifier</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/adding-areas-to-the-navigation-menu" data-cms-ai="0">hierarchy鈥攁n area's position in the navigation menu</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/adding-areas-to-the-navigation-menu" data-cms-ai="0">url鈥攁n area鈥檚 hyperlink</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/adding-areas-to-the-navigation-menu" data-cms-ai="0">Creating areas</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/adding-areas-to-the-navigation-menu" data-cms-ai="0">Conditionally displaying classes in widgets</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/time-series" data-cms-ai="0">Time Series</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/time-series" data-cms-ai="0">Using Time Series</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/time-series" data-cms-ai="0">Methods for incrementing and retrieving counters</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/localization" data-cms-ai="0">Localization</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/localizing-brightspot" data-cms-ai="0">Localizing Brightspot</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/localizing-brightspot" data-cms-ai="0">Localizing widgets</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/localizing-brightspot" data-cms-ai="0">Localizing content edit forms</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/localizing-published-websites" data-cms-ai="0">Localizing published websites</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/installing-additional-dictionaries" data-cms-ai="0">Installing additional dictionaries</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/formatting-dates-using-view-models" data-cms-ai="0">Formatting dates using view models</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/customizing-the-search-experience" data-cms-ai="0">Customizing the search experience</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/customizing-search-panel-settings" data-cms-ai="0">Customizing search panel settings</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/customizing-search-panel-settings" data-cms-ai="0">Understanding the search panel loop</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/customizing-search-panel-settings" data-cms-ai="0">Customizing the search panel loop</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/customizing-search-results" data-cms-ai="0">Customizing search results</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/customizing-search-results" data-cms-ai="0">SearchResultField</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/customizing-search-results" data-cms-ai="0">SearchResultView</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/customizing-search-results" data-cms-ai="0">SearchResultAction</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/customizing-search-results" data-cms-ai="0">SearchResultSelectionGeneratable</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/customizing-search-results" data-cms-ai="0">SearchResultSuggester</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/customizing-search-results" data-cms-ai="0">Searching non-content objects</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/visibility-labels" data-cms-ai="0">Visibility labels</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/visibility-labels" data-cms-ai="0">Default visibility labels</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/visibility-labels" data-cms-ai="0">Custom visibility labels</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/visibility-labels" data-cms-ai="0">Visibility labels and selection fields</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/permalinks" data-cms-ai="0">Permalinks</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/permalinks" data-cms-ai="0">URL paths</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/permalinks" data-cms-ai="0">Auto-generate permalink</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/sites" data-cms-ai="0">Sites</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/global-only-settings" data-cms-ai="0">Global-only settings</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/site-settings-overview" data-cms-ai="0">Site settings</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/multi-site-considerations" data-cms-ai="0">Multi-site considerations</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/multi-site-considerations" data-cms-ai="0">Site properties and multi-site permissions</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/multi-site-considerations" data-cms-ai="0">Querying with site restrictions</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/adding-custom-styling-and-scripting" data-cms-ai="0">Adding custom styling and scripting</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/adding-custom-styling-and-scripting" data-cms-ai="0">Configuring custom styling and scripting in Brightspot</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/adding-custom-styling-and-scripting" data-cms-ai="0">Delivering custom coding and styling through classes</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/adding-custom-styling-and-scripting" data-cms-ai="0">Security and development considerations for custom styling and scripting</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/sitemaps" data-cms-ai="0">Sitemaps</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/understanding-sitemaps" data-cms-ai="0">Understanding Sitemaps</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/understanding-sitemaps" data-cms-ai="0">How search engines use a sitemap</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/understanding-sitemaps" data-cms-ai="0">Organization of sitemaps</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/understanding-sitemaps" data-cms-ai="0">Sitemap update frequencies</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/viewing-sitemap-background-tasks" data-cms-ai="0">Viewing sitemap background tasks</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/implementing-sitemaps-for-custom-content-types" data-cms-ai="0">Implementing sitemaps for custom content types</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<span class="Link ">Notifications</span>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/notifications-overview" data-cms-ai="0">Notifications</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/notifications-overview" data-cms-ai="0">Overview of notifications</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/notification-lifecycle" data-cms-ai="0">Notification lifecycle</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/custom-delivery-options" data-cms-ai="0">Custom delivery options</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/custom-delivery-options" data-cms-ai="0">Step 1: Defining a message</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/custom-delivery-options" data-cms-ai="0">Step 2: Defining a delivery option</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/custom-delivery-options" data-cms-ai="0">Code sample鈥攄elivering notifications to a log file</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/custom-subscriptions" data-cms-ai="0">Custom subscriptions</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/custom-subscriptions" data-cms-ai="0">Step 1: Declaring event context</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/custom-subscriptions" data-cms-ai="0">Step 2: Declaring subscriptions</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/custom-subscriptions" data-cms-ai="0">Step 3: Declaring publishers</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/custom-subscriptions" data-cms-ai="0">Step 4: Detecting an event</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/custom-subscriptions" data-cms-ai="0">Step 5: Invoking the publisher</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/custom-subscriptions" data-cms-ai="0">Code sample鈥攄etecting and notifying about user login and logout events</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/formatting-notification-messages" data-cms-ai="0">Formatting notification messages</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/formatting-notification-messages" data-cms-ai="0">HTML formatting</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/external-types" data-cms-ai="0">External Types</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/importing-to-brightspot" data-cms-ai="0">Importing to Brightspot</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/implementation-requirements" data-cms-ai="0">Implementation requirements</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/implementation-requirements" data-cms-ai="0">ExternalItem implementation</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/implementation-requirements" data-cms-ai="0">ExternalItemConverter implementation</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/configuring-brightspots-server" data-cms-ai="0">Configuring Brightspot's server</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/brightspot-editorial-urls" data-cms-ai="0">Brightspot editorial URLs</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/brightspot-editorial-urls" data-cms-ai="0">Tool URL</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/brightspot-editorial-urls" data-cms-ai="0">Application path</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/security" data-cms-ai="0">Security</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/security" data-cms-ai="0">Automatic user account creation</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/security" data-cms-ai="0">Limiting uploads by file type</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/security" data-cms-ai="0">Limiting super user access to developer features</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/security" data-cms-ai="0">Session timeout</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/security" data-cms-ai="0">Password expiration</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/security" data-cms-ai="0">Password change</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/security" data-cms-ai="0">Email notification from address</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/security" data-cms-ai="0">Password reset email interval</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/security" data-cms-ai="0">Declaring password policies</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/security" data-cms-ai="0">Activating a password policy</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/security" data-cms-ai="0">Limiting password reuse</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/security" data-cms-ai="0">Declaring authentication policies</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/security" data-cms-ai="0">Activating an authentication policy</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/security" data-cms-ai="0">Password reuse limit</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/security" data-cms-ai="0">Login attempt limit</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/security" data-cms-ai="0">Toggling production and development environments</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/security" data-cms-ai="0">Custom authentication policy example</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/integrating-aws-services" data-cms-ai="0">Integrating AWS Services</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/integrating-aws-services" data-cms-ai="0">Integration topology</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/integrating-aws-services" data-cms-ai="0">Step 1: Configuring the host鈥檚 connection to AWS</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/integrating-aws-services" data-cms-ai="0">Step 2: Testing the host鈥檚 connection</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/integrating-aws-services" data-cms-ai="0">Step 3: Integration with an individual account</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/integrating-aws-services" data-cms-ai="0">Step 4: Configuring the Tomcat server</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/activity-logs" data-cms-ai="0">Activity logs</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/graphql-api" data-cms-ai="0">GraphQL API</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/graphql-reference-topics" data-cms-ai="0">GraphQL reference topics</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/cda-vs-cma-which-one-should-we-use" data-cms-ai="0">CDA vs. CMA: Which one should we use?</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/graphql-authentication" data-cms-ai="0">Authentication</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/cross-origin-resource-sharing" data-cms-ai="0">Cross-Origin Resource Sharing</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/graphql-understanding-persisted-queries" data-cms-ai="0">Understanding persisted queries</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/graphql-sites-permissions" data-cms-ai="0">Sites permissions</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<span class="Link ">Content Management API</span>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/hello-content-management-api" data-cms-ai="0">Hello Content Management API</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/creating-and-updating-records-in-brightspot-content-management-api" data-cms-ai="0">Creating and updating records in Brightspot Content Management API</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/uploading-files-in-brightspot-content-management-api" data-cms-ai="0">Uploading files in Brightspot Content Management API</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/custom-content-management-api-development" data-cms-ai="0">Custom Content Management API development</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<span class="Link ">Content Delivery API</span>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/content-delivery-api-permissions" data-cms-ai="0">Content Delivery API permissions</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/cda-guides" data-cms-ai="0">CDA guides</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/custom-content-delivery-api-development" data-cms-ai="0">Custom Content Delivery API development</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/using-brightspot-graphql-preview" data-cms-ai="0">Using Brightspot GraphQL Preview</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/customizing-field-arguments-in-brightspot-content-delivery-api" data-cms-ai="0">Customizing field arguments in Brightspot Content Delivery API</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/graphql-api-tutorials" data-cms-ai="0">GraphQL API tutorials</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/tutorial-programmatically-creating-a-graphql-endpoint-for-an-admin-team" data-cms-ai="0">Tutorial: Programmatically creating a GraphQL endpoint for an admin team</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/tutorial-programmatically-creating-a-graphql-endpoint-for-an-admin-team" data-cms-ai="0">Step 1: Create a data model and view model</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/tutorial-programmatically-creating-a-graphql-endpoint-for-an-admin-team" data-cms-ai="0">Step 2: Create a Java class that will contain the endpoint configuration</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/tutorial-programmatically-creating-a-graphql-endpoint-for-an-admin-team" data-cms-ai="0">Step 3: Add a URL path from which the endpoint can be accessed</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/tutorial-programmatically-creating-a-graphql-endpoint-for-an-admin-team" data-cms-ai="0">Step 4: Configuring the endpoint to fetch data from the data model</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/tutorial-programmatically-creating-a-graphql-endpoint-for-an-admin-team" data-cms-ai="0">Step 5: Allow an administrator to control whether or not an API key is required</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/tutorial-programmatically-creating-a-graphql-endpoint-for-an-admin-team" data-cms-ai="0">Step 6: Allow an administrator to control whether or not to allow introspective queries</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/tutorial-programmatically-creating-a-graphql-endpoint-for-an-admin-team" data-cms-ai="0">Result</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/tutorial-creating-and-expanding-access-for-a-graphql-endpoint-inside-of-brightspot" data-cms-ai="0">Tutorial: Creating and expanding access for a GraphQL endpoint inside of Brightspot</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/editorial-content-report-apis" data-cms-ai="0">Editorial content report APIs</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/editorial-content-report-apis" data-cms-ai="0">Content Report Data Provider</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/editorial-content-report-apis" data-cms-ai="0">Report Storage</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/editorial-content-report-apis" data-cms-ai="0">Report Presentation</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/introduction-to-dari" data-cms-ai="0">Dari guide</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/databases" data-cms-ai="0">Databases</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/sql-databases" data-cms-ai="0">SQL databases</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/sql-databases" data-cms-ai="0">Indexing</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/sql-databases" data-cms-ai="0">Tables created by Dari</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/solr-database" data-cms-ai="0">Solr database</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/aggregate-database" data-cms-ai="0">Aggregate database</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/forwarding-database" data-cms-ai="0">Forwarding database</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/transactions" data-cms-ai="0">Transactions</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/async-database" data-cms-ai="0">Async database</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/async-database" data-cms-ai="0">AsyncDatabaseReader</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/async-database" data-cms-ai="0">AsyncDatabaseWriter</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/http-endpoint-database" data-cms-ai="0">HTTP endpoint database</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/http-endpoint-database" data-cms-ai="0">SourceDatabaseProvider implementation</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling" data-cms-ai="0">Data modeling</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/modeling" data-cms-ai="0">Modeling</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/modeling" data-cms-ai="0">Creating a model</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/modeling" data-cms-ai="0">Object type definitions</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/modeling" data-cms-ai="0">Object state</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/modeling" data-cms-ai="0">Model constructors</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/methods" data-cms-ai="0">Methods</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/methods" data-cms-ai="0">Creating objects</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/methods" data-cms-ai="0">Updating objects</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/methods" data-cms-ai="0">Deleting objects</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/field-types?cli=1" data-cms-ai="0">Field types</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/field-types?cli=1" data-cms-ai="0">Text field</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/field-types?cli=1" data-cms-ai="0">Rich text</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/field-types?cli=1" data-cms-ai="0">Object field</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/field-types?cli=1" data-cms-ai="0">Date widget</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/field-types?cli=1" data-cms-ai="0">Boolean field</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/field-types?cli=1" data-cms-ai="0">Enum field</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/field-types?cli=1" data-cms-ai="0">List fields</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/field-types?cli=1" data-cms-ai="0">Set fields</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/field-types?cli=1" data-cms-ai="0">StorageItem</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/field-types?cli=1" data-cms-ai="0">Location</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/field-types?cli=1" data-cms-ai="0">Region</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/field-types?cli=1" data-cms-ai="0">Markdown editor</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/field-types?cli=1" data-cms-ai="0">Embedded types</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/field-types?cli=1" data-cms-ai="0">Query field</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/field-types?cli=1" data-cms-ai="0">Secure secrets</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/relationships" data-cms-ai="0">Relationships</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/relationships" data-cms-ai="0">Object references</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/relationships" data-cms-ai="0">Embedded objects</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/relationships" data-cms-ai="0">Many-to-many relationships</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/indexes" data-cms-ai="0">Indexes</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/indexes" data-cms-ai="0">Indexed fields</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/indexes" data-cms-ai="0">Indexed methods</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/indexes" data-cms-ai="0">Strategies for effective indexing</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/indexes" data-cms-ai="0">Excluding records from queries with visibility labels</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/indexes" data-cms-ai="0">Retrieving records with visibility labels</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/indexes" data-cms-ai="0">Reindexing existing objects</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/persistence-apis" data-cms-ai="0">Persistence APIs</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/persistence-apis" data-cms-ai="0">Save life cycle</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/persistence-apis" data-cms-ai="0">Delete life cycle</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/object-labels" data-cms-ai="0">Object labels</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-annotations" data-cms-ai="0">Data modeling annotations</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-annotations" data-cms-ai="0">@LazyLoad</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-annotations" data-cms-ai="0">@Modification.Classes</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-annotations" data-cms-ai="0">@ObjectField.AnnotationProcessorClass</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-annotations" data-cms-ai="0">@ObjectType.AnnotationProcessorClass</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-annotations" data-cms-ai="0">@Recordable.Abstract</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-annotations" data-cms-ai="0">@Recordable.BeanProperty</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-annotations" data-cms-ai="0">@Recordable.BootstrapFollowReferences</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-annotations" data-cms-ai="0">@Recordable.BootstrapPackages</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-annotations" data-cms-ai="0">@Recordable.CollectionMaximum</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-annotations" data-cms-ai="0">@Recordable.CollectionMinimum</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-annotations" data-cms-ai="0">@Recordable.Denormalized</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-annotations" data-cms-ai="0">@Recordable.DisplayName</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-annotations" data-cms-ai="0">@Recordable.Embedded</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-annotations" data-cms-ai="0">@Recordable.FieldInternalNamePrefix</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-annotations" data-cms-ai="0">@Recordable.Ignored</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-annotations" data-cms-ai="0">@Recordable.Indexed</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-annotations" data-cms-ai="0">@Recordable.InternalName</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-annotations" data-cms-ai="0">@Recordable.LabelFields</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-annotations" data-cms-ai="0">@Recordable.Maximum</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-annotations" data-cms-ai="0">@Recordable.MimeTypes</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-annotations" data-cms-ai="0">@Recordable.Minimum</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-annotations" data-cms-ai="0">@Recordable.PreviewField</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-annotations" data-cms-ai="0">@Recordable.Recalculate</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-annotations" data-cms-ai="0">@Recordable.Regex</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-annotations" data-cms-ai="0">@Recordable.Relocate</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-annotations" data-cms-ai="0">@Recordable.Required</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-annotations" data-cms-ai="0">@Recordable.SourceDatabaseClass</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-annotations" data-cms-ai="0">@Recordable.SourceDatabaseName</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-annotations" data-cms-ai="0">@Recordable.Step</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-annotations" data-cms-ai="0">@Recordable.TypeId</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-annotations" data-cms-ai="0">@Recordable.TypePostProcessorClasses</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-annotations" data-cms-ai="0">@Recordable.Types</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-annotations" data-cms-ai="0">@Recordable.TypesExclude</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-annotations" data-cms-ai="0">@Recordable.Values</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-annotations" data-cms-ai="0">@Recordable.Where</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-annotations" data-cms-ai="0">@RoutingFilter.Path</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-annotations" data-cms-ai="0">@UpdateTrackable.Names</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/modifications" data-cms-ai="0">Modifications</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/modifications" data-cms-ai="0">Modifying a class without the source</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/modifications" data-cms-ai="0">Modifying a group of classes</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/modifications" data-cms-ai="0">Accessing modification fields</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/modifications" data-cms-ai="0">Best practices</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/augmentations" data-cms-ai="0">Augmentations</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/substitutions" data-cms-ai="0">Substitutions</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/alterations" data-cms-ai="0">Alterations</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/alterations" data-cms-ai="0">Altering modifications</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/alterations" data-cms-ai="0">Altering interface implementations</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/file-storage" data-cms-ai="0">File Storage</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/creating-storageitems" data-cms-ai="0">Creating StorageItems</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/upload-handling" data-cms-ai="0">Upload handling</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/storageitem-life-cycle" data-cms-ai="0">StorageItem life cycle</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/storageitem-life-cycle" data-cms-ai="0">Before save</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/storageitem-life-cycle" data-cms-ai="0">After save</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/storageitem-life-cycle" data-cms-ai="0">Customizing storage path generation</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/configuring-storageitem" data-cms-ai="0">Configuring StorageItem</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/configuring-storageitem" data-cms-ai="0">Setting the default StorageItem configuration</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/configuring-storageitem" data-cms-ai="0">Configuring StorageItem for local storage</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/configuring-storageitem" data-cms-ai="0">Configuring StorageItem for Amazon Simple Storage Service</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/configuring-storageitem" data-cms-ai="0">Configuring StorageItem for Cloud Storage</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<span class="Link ">Querying</span>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/querying" data-cms-ai="0">Querying</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/querying" data-cms-ai="0">Overview of querying with Dari</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/from" data-cms-ai="0">FROM</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/from" data-cms-ai="0">from method</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/from" data-cms-ai="0">fromType method</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/from" data-cms-ai="0">fromGroup method</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/from" data-cms-ai="0">fromAll method</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/from" data-cms-ai="0">fromQuery method</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/predicates" data-cms-ai="0">Predicates</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/predicates" data-cms-ai="0">Advanced predicates</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/predicates" data-cms-ai="0">Equals all condition</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/predicates" data-cms-ai="0">Not equals any condition</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/paginated-results" data-cms-ai="0">Paginated results</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/binding-variables" data-cms-ai="0">Binding variables</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/binding-variables" data-cms-ai="0">Binding variables of simple types</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/binding-variables" data-cms-ai="0">Binding collection variables</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/binding-variables" data-cms-ai="0">Using positional binding</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/object-references" data-cms-ai="0">Object references</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/sorting" data-cms-ai="0">Sorting</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/grouping" data-cms-ai="0">Grouping</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/advanced" data-cms-ai="0">Advanced Querying</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/advanced" data-cms-ai="0">Query reference options</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/advanced" data-cms-ai="0">referenceOnly</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/advanced" data-cms-ai="0">resolveToReferenceOnly</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/advanced" data-cms-ai="0">Spatial queries</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/advanced" data-cms-ai="0">QueryFilter</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/advanced" data-cms-ai="0">Viewing generated SQL</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/reloader" data-cms-ai="0">Reloader</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/tasks" data-cms-ai="0">Tasks</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/creating-a-background-task" data-cms-ai="0">Creating a background task</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/schedule-tasks" data-cms-ai="0">Schedule tasks</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/repeating-tasks" data-cms-ai="0">Repeating tasks</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/recalculation-tasks" data-cms-ai="0">Recalculation tasks</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/queue-processing" data-cms-ai="0">Queue processing</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/queue-pipeline-example" data-cms-ai="0">Queue pipeline example</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/queue-pipeline-example" data-cms-ai="0">Book class</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/queue-pipeline-example" data-cms-ai="0">BookWord class</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/queue-pipeline-example" data-cms-ai="0">BookAnalyzer class</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/queue-pipeline-example" data-cms-ai="0">BookReader class</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/queue-pipeline-example" data-cms-ai="0">BookWordSanitizer class</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/queue-pipeline-example" data-cms-ai="0">BookWordFilter class</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/queue-pipeline-example" data-cms-ai="0">LongestWordCalculator Class</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/debugging-with-dari" data-cms-ai="0">Debugging with Dari</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/contextual-debugging" data-cms-ai="0">Contextual debugging</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/url-query-parameters" data-cms-ai="0">URL query parameters</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/url-query-parameters" data-cms-ai="0">Cache</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/url-query-parameters" data-cms-ai="0">Modifying the response format</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/task-status" data-cms-ai="0">Task Status</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/build-infortmation" data-cms-ai="0">Build Information</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/build-infortmation" data-cms-ai="0">Configuring build information</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/build-infortmation" data-cms-ai="0">Viewing commit information</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/code-playground" data-cms-ai="0">Code Playground</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/database-bootstrap" data-cms-ai="0">Database Bootstrap</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/database-bootstrap" data-cms-ai="0">Exporting bootstrap packages</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/database-bootstrap" data-cms-ai="0">Importing bootstrap packages</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/database-bulk-operations" data-cms-ai="0">Database bulk operations</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/database-bulk-operations" data-cms-ai="0">Reindexing</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/database-bulk-operations" data-cms-ai="0">Copying a Solr or SQL database</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/database-query" data-cms-ai="0">Database Query</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/database-sql-query" data-cms-ai="0">Database SQL Query</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/database-schema-viewer" data-cms-ai="0">Database Schema Viewer</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/database-storage-item-bulk-operations" data-cms-ai="0">Database Storage Item bulk operations</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/application-settings" data-cms-ai="0">Application settings</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/performance-stats" data-cms-ai="0">Performance Stats</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/web-database" data-cms-ai="0">Web database</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/web-database" data-cms-ai="0">Build the query</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/web-database" data-cms-ai="0">Run the query</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/configuring-dari" data-cms-ai="0">Configuring Dari</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/configuration-identifiers-key-prefixes-and-defaults" data-cms-ai="0">Configuration identifiers, key prefixes, and defaults</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/database-configuration" data-cms-ai="0">Database configuration</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/database-configuration" data-cms-ai="0">General database configuration</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/database-configuration" data-cms-ai="0">Configuring an SQL database</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/database-configuration" data-cms-ai="0">Configuring aggregated databases</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/database-configuration" data-cms-ai="0">Configuring a Solr database</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/database-configuration" data-cms-ai="0">Exporting and importing between databases</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/debug-tools" data-cms-ai="0">Debug tools</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/storage-item-configuration" data-cms-ai="0">Storage item configuration</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/image-editor-configuration" data-cms-ai="0">Image editor configuration</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/image-editor-configuration" data-cms-ai="0">General image editor configuration</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/image-editor-configuration" data-cms-ai="0">Configuring a DIMS image editor</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/configuring-brightspot-for-saml" data-cms-ai="0">Configuring Brightspot for SAML</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/configuring-brightspot-for-saml" data-cms-ai="0">SAML configuration keys</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/configuring-brightspot-for-saml" data-cms-ai="0">Authentication link name</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/configuring-brightspot-for-saml" data-cms-ai="0">CMS login</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/configuring-brightspot-for-saml" data-cms-ai="0">Credential class</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/configuring-brightspot-for-saml" data-cms-ai="0">Default SAML configuration</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/configuring-brightspot-for-saml" data-cms-ai="0">Disable newly provisioned users</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/configuring-brightspot-for-saml" data-cms-ai="0">Email attribute field name</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/configuring-brightspot-for-saml" data-cms-ai="0">Entity ID</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/configuring-brightspot-for-saml" data-cms-ai="0">Group attribute field name</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/configuring-brightspot-for-saml" data-cms-ai="0">Hidden login control</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/configuring-brightspot-for-saml" data-cms-ai="0">Identity provider鈥檚 URL</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/configuring-brightspot-for-saml" data-cms-ai="0">Issuer URL</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/configuring-brightspot-for-saml" data-cms-ai="0">Key information required</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/configuring-brightspot-for-saml" data-cms-ai="0">Path to identity provider鈥檚 metadata</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/deploying-saml" data-cms-ai="0">Deploying SAML</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/sample-saml-configuration" data-cms-ai="0">Sample SAML configuration</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/miscellaneous-configuration" data-cms-ai="0">Miscellaneous Dari configuration</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/miscellaneous-configuration" data-cms-ai="0">Signed cookies</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/miscellaneous-configuration" data-cms-ai="0">Caching filter</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/miscellaneous-configuration" data-cms-ai="0">Mail provider</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/miscellaneous-configuration" data-cms-ai="0">SMS provider</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/miscellaneous-configuration" data-cms-ai="0">Overriding configuration values</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<span class="Link ">Theme guide</span>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/theme-guide" data-cms-ai="0">Theme guide</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/theme-guide" data-cms-ai="0">Introduction to theming</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-files" data-cms-ai="0">Data files</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/pathing-for-referred-data-files-and-templates" data-cms-ai="0">Pathing for referred data files and templates</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/populating-the-styleguide-preview" data-cms-ai="0">Populating the Styleguide preview</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/populating-the-styleguide-preview" data-cms-ai="0">Populating the preview with static data</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/populating-the-styleguide-preview" data-cms-ai="0">Populating static text</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/populating-the-styleguide-preview" data-cms-ai="0">Populating static images</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/populating-the-styleguide-preview" data-cms-ai="0">Populating static video and audio</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/populating-the-styleguide-preview" data-cms-ai="0">Using local media in data files</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/populating-the-styleguide-preview" data-cms-ai="0">Populating the preview with mock data</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/special-keys" data-cms-ai="0">Special keys</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/special-keys" data-cms-ai="0">_dataUrl</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/special-keys" data-cms-ai="0">_delegate</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/special-keys" data-cms-ai="0">_hidden</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/special-keys" data-cms-ai="0">_image</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/special-keys" data-cms-ai="0">_include</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/special-keys" data-cms-ai="0">_key</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/special-keys" data-cms-ai="0">_random</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/special-keys" data-cms-ai="0">_repeat</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/special-keys" data-cms-ai="0">_template</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/special-keys" data-cms-ai="0">_wrapper</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/special-keys" data-cms-ai="0">javaPackage</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/special-keys" data-cms-ai="0">pom</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/special-keys" data-cms-ai="0">vars</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/reusing-data-files" data-cms-ai="0">Reusing data files</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/generating-data-files-from-published-content" data-cms-ai="0">Generating data files from published content</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/how-the-view-generator-creates-view-classes" data-cms-ai="0">How the view generator creates view classes</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/generating-java-view-interfaces-from-data-files" data-cms-ai="0">Generating Java view interfaces from data files</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/templates" data-cms-ai="0">Templates</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/helpers" data-cms-ai="0">Handlebars Helpers</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/helpers" data-cms-ai="0">Comparison helpers</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/helpers" data-cms-ai="0">Logical helpers</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/helpers" data-cms-ai="0">Math helpers</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/helpers" data-cms-ai="0">Text helpers</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/helpers" data-cms-ai="0">Utility helpers</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/helpers" data-cms-ai="0">Custom helpers</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/helpers" data-cms-ai="0">BEM helpers</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/contextual-rendering" data-cms-ai="0">Contextual rendering</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/configuring-a-theme" data-cms-ai="0">Configuring a theme</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/image-sizes" data-cms-ai="0">Image sizes</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/defining-image-sizes" data-cms-ai="0">Defining image sizes</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/defining-image-sizes" data-cms-ai="0">Defining image sizes at the theme level</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/defining-image-sizes" data-cms-ai="0">Defining image sizes at the module level</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/defining-image-sizes" data-cms-ai="0">Available properties</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/defining-image-sizes" data-cms-ai="0">Image size display names</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/defining-image-sizes" data-cms-ai="0">Grouping images in the image editor</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/defining-image-sizes" data-cms-ai="0">Image format</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/defining-image-sizes" data-cms-ai="0">Examples</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/defining-image-sizes" data-cms-ai="0">Maintaining aspect ratio</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/defining-image-sizes" data-cms-ai="0">srcSetDescriptors</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/defining-image-sizes" data-cms-ai="0">Image context</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/defining-image-sizes" data-cms-ai="0">Using image sizes</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/defining-image-sizes" data-cms-ai="0">Troubleshooting images</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/resource-bundles-theme-guide" data-cms-ai="0">Resource bundles - Theme Guide</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/resource-bundles-theme-guide" data-cms-ai="0">Location of resource bundles</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/resource-bundles-theme-guide" data-cms-ai="0">Conditional text</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/resource-bundles-theme-guide" data-cms-ai="0">Localization</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/resource-bundles-theme-guide" data-cms-ai="0">Date formats and resource bundles</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/resource-bundles-theme-guide" data-cms-ai="0">Style selection</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-for-themes" data-cms-ai="0">Data modeling for themes</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-for-themes" data-cms-ai="0">Overview of data modeling using themes</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-for-themes" data-cms-ai="0">Adding booleans</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-for-themes" data-cms-ai="0">Adding colors</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-for-themes" data-cms-ai="0">Adding dates</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-for-themes" data-cms-ai="0">Adding locations</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-for-themes" data-cms-ai="0">Adding numbers</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-for-themes" data-cms-ai="0">Adding records</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-for-themes" data-cms-ai="0">Adding regions</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-for-themes" data-cms-ai="0">Adding storage items</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-for-themes" data-cms-ai="0">Adding strings</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-for-themes" data-cms-ai="0">Field options</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/data-modeling-for-themes" data-cms-ai="0">Placing fields in specified tabs</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/style-variations" data-cms-ai="0">Style variations</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/theme-fields" data-cms-ai="0">Theme fields</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/swatches" data-cms-ai="0">Swatches</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/building-a-theme" data-cms-ai="0">Building a theme</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/advanced-theming-techniques" data-cms-ai="0">Advanced theming techniques</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/simulating-ajax-calls" data-cms-ai="0">Simulating AJAX calls</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/wireframes-for-theme-layouts" data-cms-ai="0">Wireframes for Brightspot theme layouts</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/wireframes-for-theme-layouts" data-cms-ai="0">Content-type layouts</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/wireframes-for-theme-layouts" data-cms-ai="0">Component layouts</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/styleguide-development-environment" data-cms-ai="0">Styleguide development environment</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/styleguide-user-interface" data-cms-ai="0">Styleguide user interface</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/styleguide-user-interface" data-cms-ai="0">Preview</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/styleguide-user-interface" data-cms-ai="0">Raw JSON data</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/styleguide-user-interface" data-cms-ai="0">Processed JSON data</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/styleguide-user-interface" data-cms-ai="0">BEM</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/styleguide-user-interface" data-cms-ai="0">Template listing</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/filters" data-cms-ai="0">Filters</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/filters" data-cms-ai="0">Adding a UI filter</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-is-anchor>
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/filters" data-cms-ai="0">Filtering templates with file globbing</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/navigation" data-cms-ai="0">Navigation</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter" data-has-chapters>
<div class="Chapter-header">
<button class="Chapter-icon" aria-label="Toggle Related Topics">
<svg class="Chapter-iconCollapsed">
<use href="#icon-24-chevron-right"></use>
</svg>
<svg class="Chapter-iconExpanded">
<use href="#icon-24-chevron-down"></use>
</svg>
</button>
<div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/theming-tutorials" data-cms-ai="0">Theming tutorials</a>
</div>
</div>
<ul class="Chapter-chapters">
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/tutorial-using-styleguide-to-build-your-first-theme" data-cms-ai="0">Tutorial: Using Styleguide to build your first theme</a>
</div>
</div>
</bsp-chapter></li>
<li><bsp-chapter class="Chapter">
<div class="Chapter-header"><div class="Chapter-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/tutorial-creating-a-new-list-style-from-an-existing-one" data-cms-ai="0">Tutorial: Creating a new list style from an existing one</a>
</div>
</div>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
</ul>
</bsp-chapter></li>
</ul>
<div class="Book-overlay"></div>
</bsp-book></div>
<div class="SupportDeskTopicPage-bookContentContainer" data-copmanion-content>
<main class="SupportDeskTopicPage-contentContainer">
<div class="BookPage-breadcrumbs">
<a class="Link " href="/documentation/brightspot-cms-developer-guide" data-cms-ai="0">Brightspot CMS Developer Guide</a>
<div class="BookPage-breadcrumbs-divider">
<svg>
<use href="#icon-caret-right"></use>
</svg>
</div>
<span class="Link ">Developer guide</span>
</div>
<div class="BookPage-breadcrumbs-mobile">
<a class="Link " href="/documentation/brightspot-cms-developer-guide" data-cms-ai="0">Back to Brightspot CMS Developer Guide<svg class="icon-arrow-forward"><use href="#icon-arrow-forward"></use></svg></a>
</div>
<h2>
Search engine optimization
</h2>
<div class="SupportDeskTopicPage-info" >
<div class="SupportDeskTopicPage-actions">
<div class="ActionBar">
<ul class="ActionBar-items">
<li class="ActionBar-items-item"><a class="ActionLink" href="mailto:?"
data-social-service="mailto" data-cms-ai="0">
<svg><use href="#mono-icon-email"></use></svg><span>Email</span>
</a>
</li>
<li class="ActionBar-items-item"><a class="ActionLink" href="javascript:window.print()" data-cms-ai="0"><span class="sr-only">Print</span>
<svg><use href="#mono-icon-print"/></svg>
</a>
</li>
</ul>
</div>
</div>
</div>
<hr />
<div class="SupportDeskTopicPage-main">
<div class="SupportDeskTopicPage-main-item">
<div class="StepModule" data-module data-no-media><span class="StepModule-anchor" id="96ba6676-42e6-4205-af8d-7b13223ed6c7"></span>
<div class="StepModule-body RichTextBody">
<p>Brightspot includes search engine optimization (SEO) functionality to enhance retrieval of your content by Internet search engines. The content edit page includes an SEO tab for content-carrying objects, where you can add metadata to be processed by web crawlers.
</p><p>You can enhance default SEO functionality by adding a <code>robots.txt</code> file to Brightspot sites, and adding fields for Open Graph properties.
<br></p>
</div>
</div>
</div>
<hr />
<div class="SupportDeskTopicPage-main-item">
<div class="StepModule" data-module data-no-media><span class="StepModule-anchor" id="adding-robots-txt-to-sites"></span>
<div class="ModuleHeader" data-align="left" style="--moduleHeaderTextAlignment:left;"><h2 class="ModuleHeader-title"><a class="ModuleHeader-anchorLink" href="#adding-robots-txt-to-sites" data-cms-ai="0">Adding robots.txt to sites</a></h2>
<div class="ModuleHeader-divider"></div></div>
<div class="StepModule-body RichTextBody">
<p>You can use Brightspot to create and manage a <code>robots.txt</code> file on a site. If you are publishing to multiple sites, you can add a <code>robots.txt</code> file to each site.
</p><p><b>To add a robots.txt file to a site:</b>
<br>
</p><ol>
<li>Using the dashboard, create a <b>Raw HTML</b> object.</li>
<li>In the <b>Name</b> field, enter a name for the file.</li>
<li>In the <b>HTML</b> field, enter the <code>robots.txt</code> directives.<br><div class="Enhancement" data-align-center
>
<div class="Enhancement-item" data-modulewell="standard"><figure class="Figure"
data-fullscreen>
<picture
><source media="(max-width: 412px)" type="image/webp" width="412" height="356" data-image-size="modalImageSize_lighthouseMobile" srcset="https://brightspot.brightspotcdn.com/dims4/default/f40c4fb/2147483647/strip/true/crop/657x568+0+0/resize/412x356!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F04%2Fe2%2F0ce4218e43bc9f270172b5e57538%2Frobots-txt-file.png 1x,https://brightspot.brightspotcdn.com/dims4/default/e5e262a/2147483647/strip/true/crop/657x568+0+0/resize/824x712!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F04%2Fe2%2F0ce4218e43bc9f270172b5e57538%2Frobots-txt-file.png 2x"/><source media="(max-width: 412px)" width="412" height="356" data-image-size="modalImageSize_lighthouseMobile" srcset="https://brightspot.brightspotcdn.com/dims4/default/492dad3/2147483647/strip/true/crop/657x568+0+0/resize/412x356!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F04%2Fe2%2F0ce4218e43bc9f270172b5e57538%2Frobots-txt-file.png"/><source media="(max-width: 568px)" type="image/webp" width="590" height="510" data-image-size="modalImageSize_sm" srcset="https://brightspot.brightspotcdn.com/dims4/default/f74e29b/2147483647/strip/true/crop/657x568+0+0/resize/590x510!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F04%2Fe2%2F0ce4218e43bc9f270172b5e57538%2Frobots-txt-file.png 1x,https://brightspot.brightspotcdn.com/dims4/default/7e1d6d0/2147483647/strip/true/crop/657x568+0+0/resize/1180x1020!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F04%2Fe2%2F0ce4218e43bc9f270172b5e57538%2Frobots-txt-file.png 2x"/><source media="(max-width: 568px)" width="590" height="510" data-image-size="modalImageSize_sm" srcset="https://brightspot.brightspotcdn.com/dims4/default/f80adb2/2147483647/strip/true/crop/657x568+0+0/resize/590x510!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F04%2Fe2%2F0ce4218e43bc9f270172b5e57538%2Frobots-txt-file.png"/><source media="(max-width: 768px)" type="image/webp" width="657" height="568" data-image-size="modalImageSize_md" srcset="https://brightspot.brightspotcdn.com/dims4/default/71a15e4/2147483647/strip/true/crop/657x568+0+0/resize/657x568!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F04%2Fe2%2F0ce4218e43bc9f270172b5e57538%2Frobots-txt-file.png 1x,https://brightspot.brightspotcdn.com/dims4/default/f91e9ee/2147483647/strip/true/crop/657x568+0+0/resize/1314x1136!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F04%2Fe2%2F0ce4218e43bc9f270172b5e57538%2Frobots-txt-file.png 2x"/><source media="(max-width: 768px)" width="657" height="568" data-image-size="modalImageSize_md" srcset="https://brightspot.brightspotcdn.com/dims4/default/5d9ccad/2147483647/strip/true/crop/657x568+0+0/resize/657x568!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F04%2Fe2%2F0ce4218e43bc9f270172b5e57538%2Frobots-txt-file.png"/><source media="(max-width: 1024px)" type="image/webp" width="657" height="568" data-image-size="modalImageSize_lg" srcset="https://brightspot.brightspotcdn.com/dims4/default/71a15e4/2147483647/strip/true/crop/657x568+0+0/resize/657x568!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F04%2Fe2%2F0ce4218e43bc9f270172b5e57538%2Frobots-txt-file.png 1x,https://brightspot.brightspotcdn.com/dims4/default/f91e9ee/2147483647/strip/true/crop/657x568+0+0/resize/1314x1136!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F04%2Fe2%2F0ce4218e43bc9f270172b5e57538%2Frobots-txt-file.png 2x"/><source media="(max-width: 1024px)" width="657" height="568" data-image-size="modalImageSize_lg" srcset="https://brightspot.brightspotcdn.com/dims4/default/5d9ccad/2147483647/strip/true/crop/657x568+0+0/resize/657x568!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F04%2Fe2%2F0ce4218e43bc9f270172b5e57538%2Frobots-txt-file.png"/><source media="(max-width: 1440px)" type="image/webp" width="657" height="568" data-image-size="modalImageSize_xl" srcset="https://brightspot.brightspotcdn.com/dims4/default/71a15e4/2147483647/strip/true/crop/657x568+0+0/resize/657x568!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F04%2Fe2%2F0ce4218e43bc9f270172b5e57538%2Frobots-txt-file.png 1x,https://brightspot.brightspotcdn.com/dims4/default/f91e9ee/2147483647/strip/true/crop/657x568+0+0/resize/1314x1136!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F04%2Fe2%2F0ce4218e43bc9f270172b5e57538%2Frobots-txt-file.png 2x"/><source media="(max-width: 1440px)" width="657" height="568" data-image-size="modalImageSize_xl" srcset="https://brightspot.brightspotcdn.com/dims4/default/5d9ccad/2147483647/strip/true/crop/657x568+0+0/resize/657x568!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F04%2Fe2%2F0ce4218e43bc9f270172b5e57538%2Frobots-txt-file.png"/><source type="image/webp" width="657" height="568" data-image-size="modalImageSize" srcset="https://brightspot.brightspotcdn.com/dims4/default/71a15e4/2147483647/strip/true/crop/657x568+0+0/resize/657x568!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F04%2Fe2%2F0ce4218e43bc9f270172b5e57538%2Frobots-txt-file.png 1x,https://brightspot.brightspotcdn.com/dims4/default/f91e9ee/2147483647/strip/true/crop/657x568+0+0/resize/1314x1136!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F04%2Fe2%2F0ce4218e43bc9f270172b5e57538%2Frobots-txt-file.png 2x"/><source width="657" height="568" data-image-size="modalImageSize" srcset="https://brightspot.brightspotcdn.com/dims4/default/5d9ccad/2147483647/strip/true/crop/657x568+0+0/resize/657x568!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F04%2Fe2%2F0ce4218e43bc9f270172b5e57538%2Frobots-txt-file.png"/><img class="Image" data-image-size="modalImageSize" alt="Sample robots.txt directives" srcset="https://brightspot.brightspotcdn.com/dims4/default/5d9ccad/2147483647/strip/true/crop/657x568+0+0/resize/657x568!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F04%2Fe2%2F0ce4218e43bc9f270172b5e57538%2Frobots-txt-file.png 1x,https://brightspot.brightspotcdn.com/dims4/default/a14801f/2147483647/strip/true/crop/657x568+0+0/resize/1314x1136!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F04%2Fe2%2F0ce4218e43bc9f270172b5e57538%2Frobots-txt-file.png 2x" width="657" height="568" loading="lazy" src="https://brightspot.brightspotcdn.com/dims4/default/5d9ccad/2147483647/strip/true/crop/657x568+0+0/resize/657x568!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F04%2Fe2%2F0ce4218e43bc9f270172b5e57538%2Frobots-txt-file.png"></picture>
<picture
tabindex="0" role="button" aria-label="Open Modal"><source media="(max-width: 412px)" type="image/webp" width="412" height="356" data-image-size="fallbackImageSize_lighthouseMobile" srcset="https://brightspot.brightspotcdn.com/dims4/default/f40c4fb/2147483647/strip/true/crop/657x568+0+0/resize/412x356!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F04%2Fe2%2F0ce4218e43bc9f270172b5e57538%2Frobots-txt-file.png 1x,https://brightspot.brightspotcdn.com/dims4/default/e5e262a/2147483647/strip/true/crop/657x568+0+0/resize/824x712!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F04%2Fe2%2F0ce4218e43bc9f270172b5e57538%2Frobots-txt-file.png 2x"/><source media="(max-width: 412px)" width="412" height="356" data-image-size="fallbackImageSize_lighthouseMobile" srcset="https://brightspot.brightspotcdn.com/dims4/default/492dad3/2147483647/strip/true/crop/657x568+0+0/resize/412x356!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F04%2Fe2%2F0ce4218e43bc9f270172b5e57538%2Frobots-txt-file.png"/><source media="(max-width: 568px)" type="image/webp" width="528" height="456" data-image-size="fallbackImageSize_sm" srcset="https://brightspot.brightspotcdn.com/dims4/default/1e6f1e5/2147483647/strip/true/crop/657x568+0+0/resize/528x456!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F04%2Fe2%2F0ce4218e43bc9f270172b5e57538%2Frobots-txt-file.png 1x,https://brightspot.brightspotcdn.com/dims4/default/6c8936c/2147483647/strip/true/crop/657x568+0+0/resize/1056x912!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F04%2Fe2%2F0ce4218e43bc9f270172b5e57538%2Frobots-txt-file.png 2x"/><source media="(max-width: 568px)" width="528" height="456" data-image-size="fallbackImageSize_sm" srcset="https://brightspot.brightspotcdn.com/dims4/default/4711c5a/2147483647/strip/true/crop/657x568+0+0/resize/528x456!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F04%2Fe2%2F0ce4218e43bc9f270172b5e57538%2Frobots-txt-file.png"/><source type="image/webp" width="657" height="568" data-image-size="fallbackImageSize" srcset="https://brightspot.brightspotcdn.com/dims4/default/71a15e4/2147483647/strip/true/crop/657x568+0+0/resize/657x568!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F04%2Fe2%2F0ce4218e43bc9f270172b5e57538%2Frobots-txt-file.png 1x,https://brightspot.brightspotcdn.com/dims4/default/f91e9ee/2147483647/strip/true/crop/657x568+0+0/resize/1314x1136!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F04%2Fe2%2F0ce4218e43bc9f270172b5e57538%2Frobots-txt-file.png 2x"/><source width="657" height="568" data-image-size="fallbackImageSize" srcset="https://brightspot.brightspotcdn.com/dims4/default/5d9ccad/2147483647/strip/true/crop/657x568+0+0/resize/657x568!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F04%2Fe2%2F0ce4218e43bc9f270172b5e57538%2Frobots-txt-file.png"/><img class="Image" data-image-size="fallbackImageSize" alt="Sample robots.txt directives" srcset="https://brightspot.brightspotcdn.com/dims4/default/5d9ccad/2147483647/strip/true/crop/657x568+0+0/resize/657x568!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F04%2Fe2%2F0ce4218e43bc9f270172b5e57538%2Frobots-txt-file.png 1x,https://brightspot.brightspotcdn.com/dims4/default/a14801f/2147483647/strip/true/crop/657x568+0+0/resize/1314x1136!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F04%2Fe2%2F0ce4218e43bc9f270172b5e57538%2Frobots-txt-file.png 2x" width="657" height="568" loading="lazy" src="https://brightspot.brightspotcdn.com/dims4/default/5d9ccad/2147483647/strip/true/crop/657x568+0+0/resize/657x568!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F04%2Fe2%2F0ce4218e43bc9f270172b5e57538%2Frobots-txt-file.png"></picture>
</figure></div>
</div></li>
<li>Toward the right of the widget, click <span class="Term"><span class="TermMaterialIconOption"><span class="material-icons">more_horiz</span></span></span><b>> Advanced</b>.</li>
<li>Create a new header called <code>Content-Type</code> with the value <code>text/plain</code>.<br><div class="Enhancement" data-align-center
>
<div class="Enhancement-item" data-modulewell="standard"><figure class="Figure"
data-fullscreen>
<picture
><source media="(max-width: 412px)" type="image/webp" width="412" height="339" data-image-size="modalImageSize_lighthouseMobile" srcset="https://brightspot.brightspotcdn.com/dims4/default/de0cc07/2147483647/strip/true/crop/675x556+0+0/resize/412x339!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F2e%2Fb7%2F0279e224414690412226838d0dfc%2Fheader-content-type-text-plain.png 1x,https://brightspot.brightspotcdn.com/dims4/default/45d5736/2147483647/strip/true/crop/675x556+0+0/resize/824x678!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F2e%2Fb7%2F0279e224414690412226838d0dfc%2Fheader-content-type-text-plain.png 2x"/><source media="(max-width: 412px)" width="412" height="339" data-image-size="modalImageSize_lighthouseMobile" srcset="https://brightspot.brightspotcdn.com/dims4/default/b967bfd/2147483647/strip/true/crop/675x556+0+0/resize/412x339!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F2e%2Fb7%2F0279e224414690412226838d0dfc%2Fheader-content-type-text-plain.png"/><source media="(max-width: 568px)" type="image/webp" width="590" height="486" data-image-size="modalImageSize_sm" srcset="https://brightspot.brightspotcdn.com/dims4/default/d873cac/2147483647/strip/true/crop/675x556+0+0/resize/590x486!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F2e%2Fb7%2F0279e224414690412226838d0dfc%2Fheader-content-type-text-plain.png 1x,https://brightspot.brightspotcdn.com/dims4/default/811a79f/2147483647/strip/true/crop/675x556+0+0/resize/1180x972!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F2e%2Fb7%2F0279e224414690412226838d0dfc%2Fheader-content-type-text-plain.png 2x"/><source media="(max-width: 568px)" width="590" height="486" data-image-size="modalImageSize_sm" srcset="https://brightspot.brightspotcdn.com/dims4/default/97ea3ff/2147483647/strip/true/crop/675x556+0+0/resize/590x486!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F2e%2Fb7%2F0279e224414690412226838d0dfc%2Fheader-content-type-text-plain.png"/><source media="(max-width: 768px)" type="image/webp" width="675" height="556" data-image-size="modalImageSize_md" srcset="https://brightspot.brightspotcdn.com/dims4/default/cc54b93/2147483647/strip/true/crop/675x556+0+0/resize/675x556!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F2e%2Fb7%2F0279e224414690412226838d0dfc%2Fheader-content-type-text-plain.png 1x,https://brightspot.brightspotcdn.com/dims4/default/faf7c09/2147483647/strip/true/crop/675x556+0+0/resize/1350x1112!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F2e%2Fb7%2F0279e224414690412226838d0dfc%2Fheader-content-type-text-plain.png 2x"/><source media="(max-width: 768px)" width="675" height="556" data-image-size="modalImageSize_md" srcset="https://brightspot.brightspotcdn.com/dims4/default/f46dc56/2147483647/strip/true/crop/675x556+0+0/resize/675x556!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F2e%2Fb7%2F0279e224414690412226838d0dfc%2Fheader-content-type-text-plain.png"/><source media="(max-width: 1024px)" type="image/webp" width="675" height="556" data-image-size="modalImageSize_lg" srcset="https://brightspot.brightspotcdn.com/dims4/default/cc54b93/2147483647/strip/true/crop/675x556+0+0/resize/675x556!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F2e%2Fb7%2F0279e224414690412226838d0dfc%2Fheader-content-type-text-plain.png 1x,https://brightspot.brightspotcdn.com/dims4/default/faf7c09/2147483647/strip/true/crop/675x556+0+0/resize/1350x1112!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F2e%2Fb7%2F0279e224414690412226838d0dfc%2Fheader-content-type-text-plain.png 2x"/><source media="(max-width: 1024px)" width="675" height="556" data-image-size="modalImageSize_lg" srcset="https://brightspot.brightspotcdn.com/dims4/default/f46dc56/2147483647/strip/true/crop/675x556+0+0/resize/675x556!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F2e%2Fb7%2F0279e224414690412226838d0dfc%2Fheader-content-type-text-plain.png"/><source media="(max-width: 1440px)" type="image/webp" width="675" height="556" data-image-size="modalImageSize_xl" srcset="https://brightspot.brightspotcdn.com/dims4/default/cc54b93/2147483647/strip/true/crop/675x556+0+0/resize/675x556!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F2e%2Fb7%2F0279e224414690412226838d0dfc%2Fheader-content-type-text-plain.png 1x,https://brightspot.brightspotcdn.com/dims4/default/faf7c09/2147483647/strip/true/crop/675x556+0+0/resize/1350x1112!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F2e%2Fb7%2F0279e224414690412226838d0dfc%2Fheader-content-type-text-plain.png 2x"/><source media="(max-width: 1440px)" width="675" height="556" data-image-size="modalImageSize_xl" srcset="https://brightspot.brightspotcdn.com/dims4/default/f46dc56/2147483647/strip/true/crop/675x556+0+0/resize/675x556!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F2e%2Fb7%2F0279e224414690412226838d0dfc%2Fheader-content-type-text-plain.png"/><source type="image/webp" width="675" height="556" data-image-size="modalImageSize" srcset="https://brightspot.brightspotcdn.com/dims4/default/cc54b93/2147483647/strip/true/crop/675x556+0+0/resize/675x556!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F2e%2Fb7%2F0279e224414690412226838d0dfc%2Fheader-content-type-text-plain.png 1x,https://brightspot.brightspotcdn.com/dims4/default/faf7c09/2147483647/strip/true/crop/675x556+0+0/resize/1350x1112!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F2e%2Fb7%2F0279e224414690412226838d0dfc%2Fheader-content-type-text-plain.png 2x"/><source width="675" height="556" data-image-size="modalImageSize" srcset="https://brightspot.brightspotcdn.com/dims4/default/f46dc56/2147483647/strip/true/crop/675x556+0+0/resize/675x556!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F2e%2Fb7%2F0279e224414690412226838d0dfc%2Fheader-content-type-text-plain.png"/><img class="Image" data-image-size="modalImageSize" alt="Content Type Text/Plain" srcset="https://brightspot.brightspotcdn.com/dims4/default/f46dc56/2147483647/strip/true/crop/675x556+0+0/resize/675x556!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F2e%2Fb7%2F0279e224414690412226838d0dfc%2Fheader-content-type-text-plain.png 1x,https://brightspot.brightspotcdn.com/dims4/default/3466d41/2147483647/strip/true/crop/675x556+0+0/resize/1350x1112!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F2e%2Fb7%2F0279e224414690412226838d0dfc%2Fheader-content-type-text-plain.png 2x" width="675" height="556" loading="lazy" src="https://brightspot.brightspotcdn.com/dims4/default/f46dc56/2147483647/strip/true/crop/675x556+0+0/resize/675x556!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F2e%2Fb7%2F0279e224414690412226838d0dfc%2Fheader-content-type-text-plain.png"></picture>
<picture
tabindex="0" role="button" aria-label="Open Modal"><source media="(max-width: 412px)" type="image/webp" width="412" height="339" data-image-size="fallbackImageSize_lighthouseMobile" srcset="https://brightspot.brightspotcdn.com/dims4/default/de0cc07/2147483647/strip/true/crop/675x556+0+0/resize/412x339!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F2e%2Fb7%2F0279e224414690412226838d0dfc%2Fheader-content-type-text-plain.png 1x,https://brightspot.brightspotcdn.com/dims4/default/45d5736/2147483647/strip/true/crop/675x556+0+0/resize/824x678!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F2e%2Fb7%2F0279e224414690412226838d0dfc%2Fheader-content-type-text-plain.png 2x"/><source media="(max-width: 412px)" width="412" height="339" data-image-size="fallbackImageSize_lighthouseMobile" srcset="https://brightspot.brightspotcdn.com/dims4/default/b967bfd/2147483647/strip/true/crop/675x556+0+0/resize/412x339!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F2e%2Fb7%2F0279e224414690412226838d0dfc%2Fheader-content-type-text-plain.png"/><source media="(max-width: 568px)" type="image/webp" width="528" height="435" data-image-size="fallbackImageSize_sm" srcset="https://brightspot.brightspotcdn.com/dims4/default/ff8aa9f/2147483647/strip/true/crop/675x556+0+0/resize/528x435!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F2e%2Fb7%2F0279e224414690412226838d0dfc%2Fheader-content-type-text-plain.png 1x,https://brightspot.brightspotcdn.com/dims4/default/dde5714/2147483647/strip/true/crop/675x556+0+0/resize/1056x870!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F2e%2Fb7%2F0279e224414690412226838d0dfc%2Fheader-content-type-text-plain.png 2x"/><source media="(max-width: 568px)" width="528" height="435" data-image-size="fallbackImageSize_sm" srcset="https://brightspot.brightspotcdn.com/dims4/default/2c71bff/2147483647/strip/true/crop/675x556+0+0/resize/528x435!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F2e%2Fb7%2F0279e224414690412226838d0dfc%2Fheader-content-type-text-plain.png"/><source type="image/webp" width="675" height="556" data-image-size="fallbackImageSize" srcset="https://brightspot.brightspotcdn.com/dims4/default/cc54b93/2147483647/strip/true/crop/675x556+0+0/resize/675x556!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F2e%2Fb7%2F0279e224414690412226838d0dfc%2Fheader-content-type-text-plain.png 1x,https://brightspot.brightspotcdn.com/dims4/default/faf7c09/2147483647/strip/true/crop/675x556+0+0/resize/1350x1112!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F2e%2Fb7%2F0279e224414690412226838d0dfc%2Fheader-content-type-text-plain.png 2x"/><source width="675" height="556" data-image-size="fallbackImageSize" srcset="https://brightspot.brightspotcdn.com/dims4/default/f46dc56/2147483647/strip/true/crop/675x556+0+0/resize/675x556!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F2e%2Fb7%2F0279e224414690412226838d0dfc%2Fheader-content-type-text-plain.png"/><img class="Image" data-image-size="fallbackImageSize" alt="Content Type Text/Plain" srcset="https://brightspot.brightspotcdn.com/dims4/default/f46dc56/2147483647/strip/true/crop/675x556+0+0/resize/675x556!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F2e%2Fb7%2F0279e224414690412226838d0dfc%2Fheader-content-type-text-plain.png 1x,https://brightspot.brightspotcdn.com/dims4/default/3466d41/2147483647/strip/true/crop/675x556+0+0/resize/1350x1112!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F2e%2Fb7%2F0279e224414690412226838d0dfc%2Fheader-content-type-text-plain.png 2x" width="675" height="556" loading="lazy" src="https://brightspot.brightspotcdn.com/dims4/default/f46dc56/2147483647/strip/true/crop/675x556+0+0/resize/675x556!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2F2e%2Fb7%2F0279e224414690412226838d0dfc%2Fheader-content-type-text-plain.png"></picture>
</figure></div>
</div></li>
<li>In the URLs widget, enter <code>robots.txt</code> as the URL. Specifying only the name places <code>robots.txt</code> at the root of your site.</li>
<li>To add <code>robots.txt</code> to other Brightspot sites, repeat the above steps.</li>
</ol><p></p>
</div>
</div>
</div>
<hr />
<div class="SupportDeskTopicPage-main-item">
<div class="StepModule" data-module data-no-media><span class="StepModule-anchor" id="adding-open-graph-fields"></span>
<div class="ModuleHeader" data-align="left" style="--moduleHeaderTextAlignment:left;"><h2 class="ModuleHeader-title"><a class="ModuleHeader-anchorLink" href="#adding-open-graph-fields" data-cms-ai="0">Adding Open Graph fields</a></h2>
<div class="ModuleHeader-divider"></div></div>
<div class="StepModule-body RichTextBody">
<p>The default SEO UI on a Content Edit Page does not provide fields for users to enter tags on content-carrying objects. You must create a modification class that adds Open Graph-specific fields to the SEO tab (or any other tab). In addition, you must update the front end and view model source to render the Open Graph metadata on web pages.
</p>
<p>The following steps show how to add Open Graph fields to the SEO tab for an Article class. While the user-entered data from these fields are stored in Article objects, the Open Graph <code><meta></code> tags are not rendered by the article view model. They are rendered by the page view model that generates the HTML element, the container for Open Graph <code><meta></code> tags.
</p>
<p><b>Step 1: Create a modification</b>
</p>
<p>The following example shows a modification of the <code>Article</code> class. The modification adds three Open Graph fields to the SEO tab, allowing users to set the content attribute on these Open Graph properties. (Additional Open Graph properties will be auto-generated on the front end.) As specified by the <code>@Recordable.FieldInternalNamePrefix</code> annotation, the Open Graph fields will be identified internally with the <code>cms.og</code> prefix.
</p>
<div class="Enhancement" data-align-center
>
<div class="Enhancement-item" data-modulewell="standard"><bsp-code-block class="CodeBlock" data-module="standard" data-language="text/x-java" data-no-media data-is-enhancement>
<pre class="language- line-numbers" data-line-count="18" data-line=""><code tabindex="0">@Recordable.InternalNamePrefix("cms.og.")
public class OpenGraphData extends Modification<Article>
{
@ToolUi.Tab("SEO")
@Recordable.DisplayName("Open Graph Title")
private String ogTitle;
@ToolUi.Tab("SEO")
@Recordable.DisplayName("Open Graph Description")
private String ogDescription;
/* This field is used with the Open Graph object type, "og:type".
It stores tag words associated with Article objects. */
@ToolUi.Tab("SEO")
@Recordable.DisplayName("Open Graph Tags")
private List<String> ogTags;
// Getters and Setters
}</code></pre>
</bsp-code-block>
</div>
</div><p>As a result of the modification, fields are added to the SEO UI, allowing users to add Open Graph content:
</p><div class="Enhancement" data-align-center
>
<div class="Enhancement-item" data-modulewell="standard"><figure class="Figure"
data-fullscreen>
<picture
><source media="(max-width: 412px)" type="image/webp" width="412" height="299" data-image-size="modalImageSize_lighthouseMobile" srcset="https://brightspot.brightspotcdn.com/dims4/default/b4322ef/2147483647/strip/true/crop/713x517+0+0/resize/412x299!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2Fb7%2F3e%2Ff42318684850ad510690776a683e%2Farticle-with-seo-tab.png 1x,https://brightspot.brightspotcdn.com/dims4/default/6eee8b0/2147483647/strip/true/crop/713x517+0+0/resize/824x598!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2Fb7%2F3e%2Ff42318684850ad510690776a683e%2Farticle-with-seo-tab.png 2x"/><source media="(max-width: 412px)" width="412" height="299" data-image-size="modalImageSize_lighthouseMobile" srcset="https://brightspot.brightspotcdn.com/dims4/default/0058b50/2147483647/strip/true/crop/713x517+0+0/resize/412x299!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2Fb7%2F3e%2Ff42318684850ad510690776a683e%2Farticle-with-seo-tab.png"/><source media="(max-width: 568px)" type="image/webp" width="590" height="428" data-image-size="modalImageSize_sm" srcset="https://brightspot.brightspotcdn.com/dims4/default/13bd7c2/2147483647/strip/true/crop/713x517+0+0/resize/590x428!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2Fb7%2F3e%2Ff42318684850ad510690776a683e%2Farticle-with-seo-tab.png 1x,https://brightspot.brightspotcdn.com/dims4/default/670e710/2147483647/strip/true/crop/713x517+0+0/resize/1180x856!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2Fb7%2F3e%2Ff42318684850ad510690776a683e%2Farticle-with-seo-tab.png 2x"/><source media="(max-width: 568px)" width="590" height="428" data-image-size="modalImageSize_sm" srcset="https://brightspot.brightspotcdn.com/dims4/default/0a4623b/2147483647/strip/true/crop/713x517+0+0/resize/590x428!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2Fb7%2F3e%2Ff42318684850ad510690776a683e%2Farticle-with-seo-tab.png"/><source media="(max-width: 768px)" type="image/webp" width="713" height="517" data-image-size="modalImageSize_md" srcset="https://brightspot.brightspotcdn.com/dims4/default/3297383/2147483647/strip/true/crop/713x517+0+0/resize/713x517!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2Fb7%2F3e%2Ff42318684850ad510690776a683e%2Farticle-with-seo-tab.png 1x,https://brightspot.brightspotcdn.com/dims4/default/5b8343f/2147483647/strip/true/crop/713x517+0+0/resize/1426x1034!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2Fb7%2F3e%2Ff42318684850ad510690776a683e%2Farticle-with-seo-tab.png 2x"/><source media="(max-width: 768px)" width="713" height="517" data-image-size="modalImageSize_md" srcset="https://brightspot.brightspotcdn.com/dims4/default/8b076ac/2147483647/strip/true/crop/713x517+0+0/resize/713x517!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2Fb7%2F3e%2Ff42318684850ad510690776a683e%2Farticle-with-seo-tab.png"/><source media="(max-width: 1024px)" type="image/webp" width="713" height="517" data-image-size="modalImageSize_lg" srcset="https://brightspot.brightspotcdn.com/dims4/default/3297383/2147483647/strip/true/crop/713x517+0+0/resize/713x517!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2Fb7%2F3e%2Ff42318684850ad510690776a683e%2Farticle-with-seo-tab.png 1x,https://brightspot.brightspotcdn.com/dims4/default/5b8343f/2147483647/strip/true/crop/713x517+0+0/resize/1426x1034!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2Fb7%2F3e%2Ff42318684850ad510690776a683e%2Farticle-with-seo-tab.png 2x"/><source media="(max-width: 1024px)" width="713" height="517" data-image-size="modalImageSize_lg" srcset="https://brightspot.brightspotcdn.com/dims4/default/8b076ac/2147483647/strip/true/crop/713x517+0+0/resize/713x517!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2Fb7%2F3e%2Ff42318684850ad510690776a683e%2Farticle-with-seo-tab.png"/><source media="(max-width: 1440px)" type="image/webp" width="713" height="517" data-image-size="modalImageSize_xl" srcset="https://brightspot.brightspotcdn.com/dims4/default/3297383/2147483647/strip/true/crop/713x517+0+0/resize/713x517!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2Fb7%2F3e%2Ff42318684850ad510690776a683e%2Farticle-with-seo-tab.png 1x,https://brightspot.brightspotcdn.com/dims4/default/5b8343f/2147483647/strip/true/crop/713x517+0+0/resize/1426x1034!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2Fb7%2F3e%2Ff42318684850ad510690776a683e%2Farticle-with-seo-tab.png 2x"/><source media="(max-width: 1440px)" width="713" height="517" data-image-size="modalImageSize_xl" srcset="https://brightspot.brightspotcdn.com/dims4/default/8b076ac/2147483647/strip/true/crop/713x517+0+0/resize/713x517!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2Fb7%2F3e%2Ff42318684850ad510690776a683e%2Farticle-with-seo-tab.png"/><source type="image/webp" width="713" height="517" data-image-size="modalImageSize" srcset="https://brightspot.brightspotcdn.com/dims4/default/3297383/2147483647/strip/true/crop/713x517+0+0/resize/713x517!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2Fb7%2F3e%2Ff42318684850ad510690776a683e%2Farticle-with-seo-tab.png 1x,https://brightspot.brightspotcdn.com/dims4/default/5b8343f/2147483647/strip/true/crop/713x517+0+0/resize/1426x1034!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2Fb7%2F3e%2Ff42318684850ad510690776a683e%2Farticle-with-seo-tab.png 2x"/><source width="713" height="517" data-image-size="modalImageSize" srcset="https://brightspot.brightspotcdn.com/dims4/default/8b076ac/2147483647/strip/true/crop/713x517+0+0/resize/713x517!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2Fb7%2F3e%2Ff42318684850ad510690776a683e%2Farticle-with-seo-tab.png"/><img class="Image" data-image-size="modalImageSize" alt="Article with SEO tab" srcset="https://brightspot.brightspotcdn.com/dims4/default/8b076ac/2147483647/strip/true/crop/713x517+0+0/resize/713x517!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2Fb7%2F3e%2Ff42318684850ad510690776a683e%2Farticle-with-seo-tab.png 1x,https://brightspot.brightspotcdn.com/dims4/default/8d18f31/2147483647/strip/true/crop/713x517+0+0/resize/1426x1034!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2Fb7%2F3e%2Ff42318684850ad510690776a683e%2Farticle-with-seo-tab.png 2x" width="713" height="517" loading="lazy" src="https://brightspot.brightspotcdn.com/dims4/default/8b076ac/2147483647/strip/true/crop/713x517+0+0/resize/713x517!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2Fb7%2F3e%2Ff42318684850ad510690776a683e%2Farticle-with-seo-tab.png"></picture>
<picture
tabindex="0" role="button" aria-label="Open Modal"><source media="(max-width: 412px)" type="image/webp" width="412" height="299" data-image-size="fallbackImageSize_lighthouseMobile" srcset="https://brightspot.brightspotcdn.com/dims4/default/b4322ef/2147483647/strip/true/crop/713x517+0+0/resize/412x299!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2Fb7%2F3e%2Ff42318684850ad510690776a683e%2Farticle-with-seo-tab.png 1x,https://brightspot.brightspotcdn.com/dims4/default/6eee8b0/2147483647/strip/true/crop/713x517+0+0/resize/824x598!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2Fb7%2F3e%2Ff42318684850ad510690776a683e%2Farticle-with-seo-tab.png 2x"/><source media="(max-width: 412px)" width="412" height="299" data-image-size="fallbackImageSize_lighthouseMobile" srcset="https://brightspot.brightspotcdn.com/dims4/default/0058b50/2147483647/strip/true/crop/713x517+0+0/resize/412x299!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2Fb7%2F3e%2Ff42318684850ad510690776a683e%2Farticle-with-seo-tab.png"/><source media="(max-width: 568px)" type="image/webp" width="528" height="383" data-image-size="fallbackImageSize_sm" srcset="https://brightspot.brightspotcdn.com/dims4/default/ee5d293/2147483647/strip/true/crop/713x517+0+0/resize/528x383!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2Fb7%2F3e%2Ff42318684850ad510690776a683e%2Farticle-with-seo-tab.png 1x,https://brightspot.brightspotcdn.com/dims4/default/2b2fa3b/2147483647/strip/true/crop/713x517+0+0/resize/1056x766!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2Fb7%2F3e%2Ff42318684850ad510690776a683e%2Farticle-with-seo-tab.png 2x"/><source media="(max-width: 568px)" width="528" height="383" data-image-size="fallbackImageSize_sm" srcset="https://brightspot.brightspotcdn.com/dims4/default/f5ec1f7/2147483647/strip/true/crop/713x517+0+0/resize/528x383!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2Fb7%2F3e%2Ff42318684850ad510690776a683e%2Farticle-with-seo-tab.png"/><source type="image/webp" width="713" height="517" data-image-size="fallbackImageSize" srcset="https://brightspot.brightspotcdn.com/dims4/default/3297383/2147483647/strip/true/crop/713x517+0+0/resize/713x517!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2Fb7%2F3e%2Ff42318684850ad510690776a683e%2Farticle-with-seo-tab.png 1x,https://brightspot.brightspotcdn.com/dims4/default/5b8343f/2147483647/strip/true/crop/713x517+0+0/resize/1426x1034!/format/webp/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2Fb7%2F3e%2Ff42318684850ad510690776a683e%2Farticle-with-seo-tab.png 2x"/><source width="713" height="517" data-image-size="fallbackImageSize" srcset="https://brightspot.brightspotcdn.com/dims4/default/8b076ac/2147483647/strip/true/crop/713x517+0+0/resize/713x517!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2Fb7%2F3e%2Ff42318684850ad510690776a683e%2Farticle-with-seo-tab.png"/><img class="Image" data-image-size="fallbackImageSize" alt="Article with SEO tab" srcset="https://brightspot.brightspotcdn.com/dims4/default/8b076ac/2147483647/strip/true/crop/713x517+0+0/resize/713x517!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2Fb7%2F3e%2Ff42318684850ad510690776a683e%2Farticle-with-seo-tab.png 1x,https://brightspot.brightspotcdn.com/dims4/default/8d18f31/2147483647/strip/true/crop/713x517+0+0/resize/1426x1034!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2Fb7%2F3e%2Ff42318684850ad510690776a683e%2Farticle-with-seo-tab.png 2x" width="713" height="517" loading="lazy" src="https://brightspot.brightspotcdn.com/dims4/default/8b076ac/2147483647/strip/true/crop/713x517+0+0/resize/713x517!/quality/90/?url=http%3A%2F%2Fbrightspot-brightspot.s3.amazonaws.com%2Fbsp%2Fb7%2F3e%2Ff42318684850ad510690776a683e%2Farticle-with-seo-tab.png"></picture>
</figure></div>
</div><p><b>Step 2: Add Handlebars placeholders</b>
</p>
<p>In the view鈥檚 Handlebars template for the page, add the Open Graph <code><meta></code> tags.
</p>
<div class="Enhancement" data-align-center
>
<div class="Enhancement-item" data-modulewell="standard"><bsp-code-block class="CodeBlock" data-module="standard" data-language="text/x-handlebars-template" data-no-media data-is-enhancement>
<pre class="language- line-numbers" data-line-count="25" data-line="9, 13, 14"><code tabindex="0"><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>{}</title>
<link href="/styleguide/All.min.css" type="text/css" rel="stylesheet"/>
<script src="/styleguide/All.min.js" type="text/javascript"></script>
<meta property="og:title" content="{{ogTitle}}" />
<meta property="og:description" content="{{ogDescription}}" />
<meta property="og:type" content="article:tag" />
<meta property="article:tag" content="{{ogTags}}" />
<meta property="og:image" content="{{leadImageUrl}}" />
<meta property="og:url" content="{{ogUrl}}" />
</head>
<body>
<header class="Page-header">{}</header>
<div class="Page-body">
{{body}}
</div>
</body>
</html></code></pre>
<ul class="CodeBlock-annotations">
<li class="CodeAnnotation" value="9">
<div class="RichTextBody">
Includes placeholders for values that are entered in the SEO tab.
</div>
</li><li class="CodeAnnotation" value="13">
<div class="RichTextBody">
Includes a placeholder for a URL of an image set in the main <code>Article</code> tab.
</div>
</li><li class="CodeAnnotation" value="14">
<div class="RichTextBody">
Includes a placeholder for a URL of the published page. This value is retrieved from the page view model (see snippet "View model for populating Open Graph properties").
</div>
</li>
</ul>
</bsp-code-block>
</div>
</div><p><b>Step 3: Add JSON keys</b>
</p>
<p>In the view鈥檚 JSON file for the page, add key-value pairs for the Open Graph properties.
</p><div class="Enhancement" data-align-center
>
<div class="Enhancement-item" data-modulewell="standard"><bsp-code-block class="CodeBlock" data-module="standard" data-language="application/json" data-no-media data-is-enhancement>
<pre class="language- line-numbers" data-line-count="8" data-line="3, 6, 7"><code tabindex="0">{
"_template": "Page.hbs",
"ogTitle": "{{words(10)}}",
"ogDescription": "{{words(25)}}",
"ogTags": ["{{words}}"],
"leadImageUrl": "{{image(400, 300)}}",
"ogUrl": "{{words}}"
}</code></pre>
<ul class="CodeBlock-annotations">
<li class="CodeAnnotation" value="3">
<div class="RichTextBody">
Keys added for Open Graph property data that are entered in the SEO tab.
</div>
</li><li class="CodeAnnotation" value="6">
<div class="RichTextBody">
Key for the URL of the image set in the main <code>Article</code> tab.
</div>
</li><li class="CodeAnnotation" value="7">
<div class="RichTextBody">
Key for the URL of the published page.
</div>
</li>
</ul>
</bsp-code-block>
</div>
</div><p>
<br><b>Step 4: Add methods to the view model</b>
</p><p>In the <code>PageViewModel</code> class, add methods to populate the Open Graph properties.
</p><div class="Enhancement" data-align-center
>
<div class="Enhancement-item" data-modulewell="standard"><bsp-code-block class="CodeBlock" data-module="standard" data-language="text/x-java" data-no-media data-is-enhancement>
<pre class="language- line-numbers" data-line-count="45" data-line="14, 19, 24, 29, 34"><code tabindex="0">public class PageViewModel extends ViewModel<Content> implements PageView, PageEntryView {
@Override
public CharSequence getTitle() {
return model.as(Seo.ObjectModification.class).findTitle();
}
@Override
public Iterable<? extends PageViewBodyField> getBody() {
return createViews(PageViewBodyField.class, model);
}
@Override
public CharSequence getOgTitle() {
return model.as(OpenGraphData.class).getOgTitle();
}
@Override
public CharSequence getOgDescription(){
return model.as(OpenGraphData.class).getOgDescription();
}
@Override
public List<String> getOgTags() {
return model.as(OpenGraphData.class).getOgTags();
}
@Override
public CharSequence getOgUrl() {
return model.as(Article.class).getPermalink();
}
@Override
public CharSequence getLeadImageUrl() {
Image leadImage = model.as(Article.class).getLeadImage();
if (leadImage != null) {
StorageItem file = leadImage.getFile();
if (file != null) {
return file.getPublicUrl();
}
}
return null;
}
}</code></pre>
<ul class="CodeBlock-annotations">
<li class="CodeAnnotation" value="14">
<div class="RichTextBody">
Gets <code>ogTitle</code> value from OpenGraphData modification of <code>Article.class</code>.
</div>
</li><li class="CodeAnnotation" value="19">
<div class="RichTextBody">
Gets <code>ogDescription</code> from OpenGraphData modification of <code>Article.class</code>.
</div>
</li><li class="CodeAnnotation" value="24">
<div class="RichTextBody">
Gets <code>ogTags</code> from OpenGraphData modification of <code>Article.class</code>.
</div>
</li><li class="CodeAnnotation" value="29">
<div class="RichTextBody">
Gets page URL from permalink generated for the <code>Article</code> object.
</div>
</li><li class="CodeAnnotation" value="34">
<div class="RichTextBody">
Gets URL of image set on the <code>Article</code> object.
</div>
</li>
</ul>
</bsp-code-block>
</div>
</div><p></p>
</div>
</div>
</div>
</div>
<bsp-topic-navigation class="Topic-topicNavigation">
<a class="Topic-previousTopic" href="/documentation/brightspot-cms-developer-guide/configuring-preview-types" data-cms-ai="0">
<div class="Topic-previousTopic-label">
Previous Topic
</div>
<div class="Topic-previousTopic-title">
Configuring preview types
</div>
</a>
<a class="Topic-nextTopic" href="/documentation/brightspot-cms-developer-guide/latest/error-pages" data-cms-ai="0">
<div class="Topic-nextTopic-label">
Next Topic
</div>
<div class="Topic-nextTopic-title">
Error pages
</div>
</a>
</bsp-topic-navigation>
</main>
</div>
</div>
<div class="SupportDeskTopicPage-supplementaryContent" data-supplementary-content><bsp-helpful-tracker class="HelpfulTracker" data-module data-no-media data-topic-content-id="0000017d-6c37-dd18-a17d-ff376d350000" data-topic-modified-at="1712079600954">
<div class="HelpfulTracker-container">
<div class="HelpfulTracker-header">
<div class="HelpfulTracker-title">
Was this topic helpful?
</div>
<div class="HelpfulTracker-message">
Thanks for your feedback.
</div>
</div>
<form class="HelpfulTracker-form" action="/documentation/helpful-tracker" autocomplete="off">
<input type="hidden" name="contentId" value="0000017d-6c37-dd18-a17d-ff376d350000">
<input type="hidden" name="bookId" value="0000017d-6bfb-dd18-a17d-fffb52a10000">
<input type="hidden" name="feedbackType" value="">
<button class="button-primary-outline" name="feedbackType" type="submit" value="positive">Yes
</button>
<button class="button-primary-outline" name="feedbackType" type="button" value="negative">No
</button>
<div class="HelpfulTracker-form-supplementaryFields">
<bsp-text-area class="TextArea" data-bad-input="The browser is unable to convert your input" data-too-long="The value entered is longer than the maximum allowed length of {minlength}">
<label class="TextArea-label">Sorry to hear that. How can we improve this topic?</label>
<textarea class="TextArea-textField" aria-label="Sorry to hear that. How can we improve this topic?" name="feedbackComment" maxlength="601"></textarea>
<div class="Input-errors" aria-live="assertive"></div>
</bsp-text-area>
<button class="button-primary-outline" name="feedbackType" type="submit" value="negative">Submit
</button>
</div>
<bsp-google-captcha class="GoogleCaptcha" data-sitekey="6LfsF84cAAAAAKt8ISwg8B_0OQI4uTiMz_Q5y18O" data-invisible></bsp-google-captcha>
</form>
</div>
</bsp-helpful-tracker></div>
<div class="Page-below" data-modulewell=""><div class="ListCardC" data-list-columns="5" data-list-item-count="5" data-no-media data-has-background data-has-bg-color style="--moduleBgColor:#faf9f9;" data-module>
<div class="ListCardC-items" data-items data-list-columns="5"
data-list-item-count="5"
><div class="ListCardC-items-item" data-item><div class="PromoCardF" data-module="narrow" data-content-type="external" data-no-media data-align="left" style="--moduleBgColor:#ffffff;--textAlignment: left;"><div class="PromoCardF-topBar"style="--topBarBackground: #485189;"></div><div class="PromoCardF-content"><div class="PromoCardF-title">
</div><div class="PromoCardF-description">Our robust, flexible Design System provides hundreds of pre-built components you can use to build the presentation layer of your dreams.<br> <br>鈥� <br>鈥� <br>鈥� </div></div>
</div></div><div class="ListCardC-items-item" data-item><div class="PromoCardF" data-module="narrow" data-content-type="external" data-no-media data-align="left" style="--moduleBgColor:#ffffff;--textAlignment: left;"><div class="PromoCardF-topBar"style="--topBarBackground: #485189;"></div><div class="PromoCardF-content"><div class="PromoCardF-title">
<a class="Link " href="/documentation/brightspot-content-types-guide" target="_blank" rel="noopener" data-cms-ai="0">Content Types Guide</a>
</div><div class="PromoCardF-description">Brightspot is packaged with content types that get you up and running in a matter of days, including assets, modules and landing pages.<br><br>鈥� <a class="Link " href="/documentation/brightspot-content-types-guide/content-types/assets" target="_blank" rel="noopener" data-cms-ai="0">Content types</a><br>鈥� <a class="Link " href="/documentation/brightspot-content-types-guide/modules/brightspot-modules" target="_blank" rel="noopener" data-cms-ai="0">Modules</a><br>鈥� <a class="Link " href="/documentation/brightspot-content-types-guide/assets/landing-pages" target="_blank" rel="noopener" data-cms-ai="0">Landing pages</a></div></div>
</div></div><div class="ListCardC-items-item" data-item><div class="PromoCardF" data-module="narrow" data-content-type="external" data-no-media data-align="left" style="--moduleBgColor:#ffffff;--textAlignment: left;"><div class="PromoCardF-topBar"style="--topBarBackground: #485189;"></div><div class="PromoCardF-content"><div class="PromoCardF-title">
<a class="Link " href="/documentation/brightspot-cms-user-guide/latest/" target="_blank" rel="noopener" data-cms-ai="0">CMS User Guide</a>
</div><div class="PromoCardF-description">Everything you need to know when creating, managing, and administering content within Brightspot CMS.<br><br>鈥� <a class="Link " href="/documentation/brightspot-cms-user-guide/latest/dashboards" target="_blank" rel="noopener" data-cms-ai="0">Dashboards</a><br>鈥� <a class="Link " href="/documentation/brightspot-cms-user-guide/overview-of-the-publishing-process" data-cms-ai="0">Publishing</a><br>鈥� <a class="Link " href="/documentation/brightspot-cms-user-guide/latest/workflows" target="_blank" rel="noopener" data-cms-ai="0">Workflows</a><br>鈥� <a class="Link " href="/documentation/brightspot-cms-user-guide/latest/admin" target="_blank" rel="noopener" data-cms-ai="0">Admin configurations</a></div></div>
</div></div><div class="ListCardC-items-item" data-item><div class="PromoCardF" data-module="narrow" data-content-type="external" data-no-media data-align="left" style="--moduleBgColor:#ffffff;--textAlignment: left;"><div class="PromoCardF-topBar"style="--topBarBackground: #485189;"></div><div class="PromoCardF-content"><div class="PromoCardF-title">
<a class="Link " href="/documentation/brightspot-cms-developer-guide/latest" target="_blank" rel="noopener" data-cms-ai="0">Developer Guide</a>
</div><div class="PromoCardF-description">A guide for installing, supporting, extending, modifying and administering code on the Brightspot platform.<br><br>鈥� <a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/field-types" target="_blank" rel="noopener" data-cms-ai="0">Field types</a><br>鈥� <a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/content-modeling" target="_blank" rel="noopener" data-cms-ai="0">Content modeling</a><br>鈥� <a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/rich-text-elements" target="_blank" rel="noopener" data-cms-ai="0">Rich-text elements</a><br>鈥� <a class="Link " href="/documentation/brightspot-cms-developer-guide/latest/images" target="_blank" rel="noopener" data-cms-ai="0">Images</a></div></div>
</div></div><div class="ListCardC-items-item" data-item><div class="PromoCardF" data-module="narrow" data-content-type="external" data-no-media data-align="left" style="--moduleBgColor:#ffffff;--textAlignment: left;"><div class="PromoCardF-topBar"style="--topBarBackground: #485189;"></div><div class="PromoCardF-content"><div class="PromoCardF-title">
<a class="Link " href="/documentation/brightspot-integrations-guide" target="_blank" rel="noopener" data-cms-ai="0">Integrations Guide</a>
</div><div class="PromoCardF-description">A guide to configuring Brightspot's library of integrations, including pre-built options and developer-configured extensions.<br><br>鈥� <a class="Link " href="/documentation/brightspot-integrations-guide/latest/google-analytics" data-cms-ai="0">Google Analytics</a><br>鈥� <a class="Link " href="/documentation/brightspot-integrations-guide/shopify" data-cms-ai="0">Shopify</a><br>鈥� <a class="Link " href="/documentation/brightspot-integrations-guide/integrations/apple-news" data-cms-ai="0">Apple News</a></div></div>
</div></div></div></div></div>
<footer class="Page-footer">
<div class="Page-footer-container">
<div class="Page-footer-row"><div class="Page-footer-logo"><a aria-label="home page" href="/" data-cms-ai="0" ><img class="PageLogo-image" src="https://brightspot.brightspotcdn.com/11/94/505fa8b749c7814cbc94b73fc27a/brightspot-logo-200px.svg" alt="Brightspot CMS logo"/></a></div></div><div class="Page-footer-navigation"><nav class="FooterNavigation"><ul class="FooterNavigation-items"><li class="FooterNavigation-items-item"><div class="FooterNavigationItem">
<a class="FooterNavigationItem-text-link" href="/brightspot-cms" data-cms-ai="0" >番茄社区</a>
<ul class="FooterNavigationItem-items">
<li class="FooterNavigationItem-items-item"><a class="NavigationLink" href="/overview" data-cms-ai="0"><span class="NavigationLink-title">Overview</span></a>
</li>
<li class="FooterNavigationItem-items-item"><a class="NavigationLink" href="/about-us" data-cms-ai="0"><span class="NavigationLink-title">About Us</span></a>
</li>
<li class="FooterNavigationItem-items-item"><a class="NavigationLink" href="/brightspot-cms/why-brightspot" data-cms-ai="0"><span class="NavigationLink-title">Why Brightspot</span></a>
</li>
<li class="FooterNavigationItem-items-item"><a class="NavigationLink" href="/brightspot-cms" data-cms-ai="0"><span class="NavigationLink-title">Capabilities</span></a>
</li>
<li class="FooterNavigationItem-items-item"><a class="NavigationLink" href="/pricing" data-cms-ai="0"><span class="NavigationLink-title">Pricing</span></a>
</li>
</ul>
</div></li><li class="FooterNavigation-items-item"><div class="FooterNavigationItem">
<a class="FooterNavigationItem-text-link" href="/cms-use-cases" data-cms-ai="0" >Solutions</a>
<ul class="FooterNavigationItem-items">
<li class="FooterNavigationItem-items-item"><a class="NavigationLink" href="/solutions/media-publishing" data-cms-ai="0"><span class="NavigationLink-title">Media & Publishing</span></a>
</li>
<li class="FooterNavigationItem-items-item"><a class="NavigationLink" href="/solutions/marketing-corporate" data-cms-ai="0"><span class="NavigationLink-title">Marketing & Corporate</span></a>
</li>
<li class="FooterNavigationItem-items-item"><a class="NavigationLink" href="/solutions/knowledge-management" data-cms-ai="0"><span class="NavigationLink-title">Knowledge Management</span></a>
</li>
<li class="FooterNavigationItem-items-item"><a class="NavigationLink" href="/cms-use-cases" data-cms-ai="0"><span class="NavigationLink-title">All Use Cases</span></a>
</li>
<li class="FooterNavigationItem-items-item"><a class="NavigationLink" href="/solutions/architecture/headless" data-cms-ai="0"><span class="NavigationLink-title">Headless</span></a>
</li>
<li class="FooterNavigationItem-items-item"><a class="NavigationLink" href="/solutions/architecture/hybrid" data-cms-ai="0"><span class="NavigationLink-title">Hybrid</span></a>
</li>
<li class="FooterNavigationItem-items-item"><a class="NavigationLink" href="/solutions/architecture/decoupled" data-cms-ai="0"><span class="NavigationLink-title">Decoupled</span></a>
</li>
<li class="FooterNavigationItem-items-item"><a class="NavigationLink" href="/solutions/architecture" data-cms-ai="0"><span class="NavigationLink-title">All Architectures</span></a>
</li>
<li class="FooterNavigationItem-items-item"><a class="NavigationLink" href="/brightspot-cms/for-digital-teams" data-cms-ai="0"><span class="NavigationLink-title">Digital Teams</span></a>
</li>
<li class="FooterNavigationItem-items-item"><a class="NavigationLink" href="/brightspot-cms/for-marketing-teams" data-cms-ai="0"><span class="NavigationLink-title">Marketing Teams</span></a>
</li>
<li class="FooterNavigationItem-items-item"><a class="NavigationLink" href="/brightspot-cms/for-editorial-publishing-teams" data-cms-ai="0"><span class="NavigationLink-title">Editorial and Publishing Teams</span></a>
</li>
<li class="FooterNavigationItem-items-item"><a class="NavigationLink" href="/brightspot-cms/for-developers" data-cms-ai="0"><span class="NavigationLink-title">Development Teams</span></a>
</li>
</ul>
</div></li><li class="FooterNavigation-items-item"><div class="FooterNavigationItem">
<a class="FooterNavigationItem-text-link" href="/cms-resources" data-cms-ai="0" >Resources</a>
<ul class="FooterNavigationItem-items">
<li class="FooterNavigationItem-items-item"><a class="NavigationLink" href="/cms-resources" data-cms-ai="0"><span class="NavigationLink-title">Resource Center</span></a>
</li>
<li class="FooterNavigationItem-items-item"><a class="NavigationLink" href="/customers/case-studies" data-cms-ai="0"><span class="NavigationLink-title">Case Studies</span></a>
</li>
<li class="FooterNavigationItem-items-item"><a class="NavigationLink" href="/events" data-cms-ai="0"><span class="NavigationLink-title">Events</span></a>
</li>
<li class="FooterNavigationItem-items-item"><a class="NavigationLink" href="/customers/recognition" data-cms-ai="0"><span class="NavigationLink-title">Recognition</span></a>
</li>
<li class="FooterNavigationItem-items-item"><a class="NavigationLink" href="/cms-integrations" data-cms-ai="0"><span class="NavigationLink-title">Integrations</span></a>
</li>
<li class="FooterNavigationItem-items-item"><a class="NavigationLink" href="/documentation/" target="_blank" rel="noopener" data-cms-ai="0"><span class="NavigationLink-title">Documentation</span></a>
</li>
</ul>
</div></li><li class="FooterNavigation-items-item"><div class="FooterNavigationItem">
<a class="FooterNavigationItem-text-link" href="/brightspot-cms/for-developers" data-cms-ai="0" >Developers</a>
<ul class="FooterNavigationItem-items">
<li class="FooterNavigationItem-items-item"><a class="NavigationLink" href="/brightspot-cms/for-developers" data-cms-ai="0"><span class="NavigationLink-title">Overview</span></a>
</li>
<li class="FooterNavigationItem-items-item"><a class="NavigationLink" href="/developer" data-cms-ai="0"><span class="NavigationLink-title">Developer Portal</span></a>
</li>
<li class="FooterNavigationItem-items-item">
</li>
</ul>
</div></li><li class="FooterNavigation-items-item"><div class="FooterNavigationItem">
<a class="FooterNavigationItem-text-link" href="/partners-overview" data-cms-ai="0" >Partners</a>
<ul class="FooterNavigationItem-items">
<li class="FooterNavigationItem-items-item"><a class="NavigationLink" href="/partners-overview" data-cms-ai="0"><span class="NavigationLink-title">Overview</span></a>
</li>
<li class="FooterNavigationItem-items-item"><a class="NavigationLink" href="/partners" data-cms-ai="0"><span class="NavigationLink-title">Our Partner Program</span></a>
</li>
<li class="FooterNavigationItem-items-item"><a class="NavigationLink" href="/partners/contact-us" data-cms-ai="0"><span class="NavigationLink-title">Become a Partner</span></a>
</li>
<li class="FooterNavigationItem-items-item">
</li>
</ul>
</div></li><li class="FooterNavigation-items-item"><div class="FooterNavigationItem">
<a class="FooterNavigationItem-text-link" href="/about-us" data-cms-ai="0" >About Us</a>
<ul class="FooterNavigationItem-items">
<li class="FooterNavigationItem-items-item"><a class="NavigationLink" href="/about-us/careers" data-cms-ai="0"><span class="NavigationLink-title">Careers</span></a>
</li>
<li class="FooterNavigationItem-items-item"><a class="NavigationLink" href="/about-us" data-cms-ai="0"><span class="NavigationLink-title">Leadership</span></a>
</li>
<li class="FooterNavigationItem-items-item"><a class="NavigationLink" href="/about-us/people" data-cms-ai="0"><span class="NavigationLink-title">Our People</span></a>
</li>
<li class="FooterNavigationItem-items-item"><a class="NavigationLink" href="/about-us/mission-and-culture" data-cms-ai="0"><span class="NavigationLink-title">Mission & Culture</span></a>
</li>
<li class="FooterNavigationItem-items-item"><a class="NavigationLink" href="/about-us/news" data-cms-ai="0"><span class="NavigationLink-title">News & Awards</span></a>
</li>
<li class="FooterNavigationItem-items-item"><a class="NavigationLink" href="/contact-us" data-cms-ai="0"><span class="NavigationLink-title">Contact Us</span></a>
</li>
</ul>
</div></li></ul></nav></div><div class="Page-footer-content" data-modulewell="standard">
<div class="ListP" data-module>
<div class="ListP-title">
Explore CMS topics
</div>
<div class="ListP-items"><span class="ListP-items-item"><a class="Link " href="/cms-resources/adobe-aem-alternative" data-cms-ai="0">Adobe Experience Manager alternative | Brightspot vs. AEM</a> | </span><span class="ListP-items-item"><a class="Link " href="/cms-resources/tag/artificial-intelligence" data-cms-ai="0">Artificial intelligence</a> | </span><span class="ListP-items-item"><a class="Link " href="/cms-use-cases/high-volume-publishing" data-cms-ai="0">Best CMS for publishing</a> | </span><span class="ListP-items-item"><a class="Link " href="/cms-resources/content-management-systems-guide" data-cms-ai="0">Content management systems</a> | </span><span class="ListP-items-item"><a class="Link " href="/cms-architecture" data-cms-ai="0">CMS architecture</a> | </span><span class="ListP-items-item"><a class="Link " href="/cms-resources/cms-selection-guide" data-cms-ai="0">CMS comparison guide</a> | </span><span class="ListP-items-item"><a class="Link " href="/cms-architecture/decoupled-cms" data-cms-ai="0">Decoupled CMS</a> | </span><span class="ListP-items-item"><a class="Link " href="/cms-resources/digital-asset-management-guide" data-cms-ai="0">Digital asset management</a> | </span><span class="ListP-items-item"><a class="Link " href="/cms-resources/digital-experience-platform-guide" data-cms-ai="0">Digital experience platform (DXP) guide</a> | </span><span class="ListP-items-item"><a class="Link " href="/cms-resources/digital-transformation-guide" data-cms-ai="0">Digital transformation guide</a> | </span><span class="ListP-items-item"><a class="Link " href="/cms-resources/cms-selection-guide/drupal-cms-alternative" data-cms-ai="0">Drupal CMS alternative</a> | </span><span class="ListP-items-item"><a class="Link " href="/cms-use-cases/enterprise-cms" data-cms-ai="0">Enterprise CMS</a> | </span><span class="ListP-items-item"><a class="Link " href="/cms-resources/tag/graphql" data-cms-ai="0">GraphQL</a> | </span><span class="ListP-items-item"><a class="Link " href="/cms-architecture/headless-cms" data-cms-ai="0">Headless CMS</a> | </span><span class="ListP-items-item"><a class="Link " href="/cms-architecture/hybrid-cms" data-cms-ai="0">Hybrid CMS</a> | </span><span class="ListP-items-item"><a class="Link " href="/cms-use-cases/microsites" data-cms-ai="0">Microsites</a> | </span><span class="ListP-items-item"><a class="Link " href="/cms-resources/tag/personalization" data-cms-ai="0">Personalization</a> | </span><span class="ListP-items-item"><a class="Link " href="/cms-resources/cms-selection-guide/wordpress-cms-alternative" data-cms-ai="0">Wordpress alternative</a> | </span><span class="ListP-items-item"><a class="Link " href="/cms-resources" data-cms-ai="0">Browse all CMS resources</a></span></div>
</div>
</div><div class="Page-footer-disclaimer">漏 2024 番茄社区, DBA Brightspot | <a class="Link " href="/privacy-policy" data-cms-ai="0">Privacy Policy</a></div></div>
</footer>
<bsp-figure-carousel class="FigureCarousel">
<dialog class="FigureCarousel-modal" aria-label="Fullscreen Image Modal">
<header>
<button class="FigureCarousel-modalCloseButton" aria-label="Close Modal" title="Close Modal">
<svg>
<use href="#close-x" />
</svg>
</button>
</header>
<div class="FigureCarousel-modalButtons">
<button class="FigureCarousel-modalButton-prev button-primary" aria-label="Previous Image" title="Previous Image">
<svg class="FigureCarousel-modalButton-icon"><use href="#icon-arrow"></use></svg>
</button>
<button class="FigureCarousel-modalButton-next button-primary" aria-label="Next Image" title="Next Image">
<svg class="FigureCarousel-modalButton-icon"><use href="#icon-arrow"></use></svg>
</button>
</div>
</dialog>
</bsp-figure-carousel>
<bsp-back-to-top>
<div>
<button>
<svg>
<use href="#icon-24-chevron-up"></use>
</svg>Back to Top</button>
</div>
</bsp-back-to-top>
<span data-bsp-pv="75918a10-b479-3fb1-bb84-6a57df4b0241"></span><span data-bsp-pv="0000017d-6c37-dd18-a17d-ff376d350000"></span><script data-bsp-analytics-data="{"qs":null}" data-bsp-site="0000017a-e99b-d9c6-a5fa-eddf364e0000" data-bsp-contentid="0000017d-6c37-dd18-a17d-ff376d350000"></script></body>
</html>