--- sourceDocument: Xanadu ServiceNow AI Platform user interface sourceDocumentLink: https://www.servicenow.com/docs/r/xanadu/platform-user-interface Release : - xanadu ft:locale : - en-US ft:publication_title : - Xanadu ServiceNow AI Platform user interface ft:clusterId : - platux bundleId : - platux workflow : - Platform --- # Configure a header block # Configure a header block {#ariaid-title1} * Release version: Xanadu * * Updated August 1, 2024 * * ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 2 minutes to read A header block is a visual element placed at the top of pages. It provides a place for branding and other important site-wide functionality. ## Before you begin Role required: content_admin or admin ## About this task Some of the options that are available in headers include, global search, text size toggle, menus for navigational purposes, and the user name with logout link. ## Procedure 1. Navigate to AllContent ManagementBlocksHeaders. 2. Click New. 3. Complete the form. {#t_HeaderBlock__table_oql_513_fr__entry__2} | Field | Description | |-|-| | Name | Type a unique name for the header block. | | Background | Select a background for the header logo and menus. * None - No background is rendered. * Gradient/Image - Specify an image or gradient image to serve as the background. * Colored Bars - Specify colors for three different sections of the header, top, middle, and bottom. {#t_HeaderBlock__ul_kjk_y13_fr} | | Image | If Background is Gradient/Image, upload an image for the header block background. For gradients, upload a gradient image. | | Top bar color | If Background is Colored Bars, enter a CSS color or color name to use as the background for the top menu. | | Middle bar color | If Background is Colored Bars, enter a CSS color or color name to use as the background for the logo and text. | | Bottom bar color | If Background is Colored Bars, enter a CSS color or color name to use as the background for the bottom menu. | | Logo | Select a logo image. The image is also a link to the main page. | | Active | Select this check box to make the block available for use. | | Text | Type the text to display beside the logo. | | Conditional | Select the check box and type any scripted conditions to apply in the Condition script field that appears. | | Category | Select a category to provide organization for the header block. The category also determines the detail page in which header block links open. Detail pages often display information in different ways. | | Top Menu | Select a navigational menu block to use as a menu above the logo. | | Bottom Menu | Select a navigational menu block to use as a menu below the logo. | | Height | Specify the height for the header. | | Search | Select this check box to add a search element in the header. | | Font sizer | Select this check box to include text sizing controls in the header. | | Login | Select this check box to include a login link in the header. If the user is logged in, this element displays the user name and a logout link. If you specify a login page on the site record, it is important to include a login link so users can enter their username and password. | | Chat Queue | Select the chat queue that users access by clicking the Help Desk Chat button in the header. Clear the field to remove the button. This field appears only if the Chat plugin is active. | [Table 1. Header form] {#t_HeaderBlock__table_oql_513_fr} **Related tasks** * [Create a navigation menu block](https://www.servicenow.com/docs/XwhxezcWVVsZGpR0ftBT5w "Navigation menu blocks enable you to create a menu of links to different content pages.") * [Configure dynamic blocks](https://www.servicenow.com/docs/D~~buuojD6HxK43nl_vKew "Use dynamic blocks to use scripting or to pull information from the system. Dynamic blocks are where most of your content resides.") * [Customize the list block](https://www.servicenow.com/docs/JHvtnDa~lNlP~gc55W4emA "List blocks are content blocks that dynamically generate a list of links to records within the instance. When a user clicks a link in a list block, the associated information is displayed in a detail page determined by its content type.") * [Configure a static HTML block](https://www.servicenow.com/docs/OAC7stCZ5XtqfdSUyqhabA "Use static blocks for text that does not change. For example, use a static block for a site footer with only the company or organization name. A static HTML block allows any HTML code to be run within a page.") * [Configure Flash movie blocks](https://www.servicenow.com/docs/CC6KYNEORqlgS~lUDh2A1g "Use a Flash movie block to embed any Flash movie (.swf file) as an attachment or by referencing a URL in a content page.") * [Configure content links](https://www.servicenow.com/docs/1oV3_uIjU18a9Qjndg4dQQ "Use content links to create navigational links to information outside your instance. Content links are the predecessors to navigation menus.") * [Configure iFrames](https://www.servicenow.com/docs/NceaUYztp_V16mRPkiYaVQ "An iFrame embeds a URL on a page within a frame. It can embed external pages or render ServiceNow content.") * [Configure a detailed content block](https://www.servicenow.com/docs/1o~TI~YAshBtsKrg1gRrxQ "A detailed content block displays the content of an existing document, such as an incident, knowledge article, or service management request. The document type determines the page that a list of documents points to.") * [Configure a content block](https://www.servicenow.com/docs/LS4gI2XtPDodhjSB4lqvdA "To configure a content block, define it in the appropriate form.") *[\>]: and then