--- title: Configuring Global Settings slug: neurons-for-itsm/admin-user-help/enu/latest/configuring-global-settings createdAt: 2026-07-14T19:16:41.487Z --- **Role**: Administrator ***Minimum Version**: *IvantiNeurons for ITSM* 2024.2.* The Global Settings page lets you customize the user interface to make it clear and easy to use. You can change the page layout, banner style, company logo, headers, fonts, text colors, and button colors. This helps match the look to your brand. You can also edit the welcome message, organize menu items, and turn on chat support to help self service users to connect with support team for any issues. You access the Global Settings user interface only after you configure the user for UI v3 in the Style Editor. The **Global Settings** page displays the following sections: ::::ExpandableHeading{isOpen="true"} ## Page Layout Use the **Page Layout** to modify the content width, margins, and grid spacing for the home page layout. To configure the page layout: 1. Log in to Neurons for ITSM as a **Self Service** user, and change role to **Administrator**. 2. Click **Edit Page** on the top right corner of the page banner. :::Paragraph{indent="1"} The **Page Designer** page is displayed. ::: 3. Click **Global Settings**. 4. In the **Page Layout** section, in **Content width** select either **Boxed** or **Full Width** from dropdown list. - For Full Width, you can specify **Left margin**, **Right margin**, and **Grid Spacing**. - For Boxed, you can specify only **Grid Spacing**. :::Paragraph{indent="2"} Margin Settings: Set the left and right margins between 24px and 48px (this is applicable only for full width). ::: :::Paragraph{indent="2"} Grid Spacing: Set spacing between columns (horizontal) and rows (vertical) from 8px to 24px. ::: :::: ::::ExpandableHeading{isOpen="true"} ## Default Banner Style Use the **Default Banner Style** section to modify image, color, and text across the workspaces. 1. To modify the image, click **Edit** :inlineImage[]{src="https://api.archbee.com/api/optimize/parib0MC3hVoUNdfQdnac/fu08E2Zvv6zsraDaOn2rG_edit-icon.png" alt caption size="10" width="19" height="19"} icon, select the image from your library. 2. To change the background color, click color box and select the desired background color from the palette. 3. Turn on the **Use color as image overlay** toggle. :::Paragraph{indent="1"} The selected color appear as a transparent layer over the image, this improves the text readability and visual consistency. ::: 4. You can customize a banner from the **Settings** panel, select **Use custom banner style** in center panel. 5. From the **Banner Size** dropdown list, select desired size **Small**, or **Medium**, or **Large**. - Banner sizes varies for different page types, by default the sizes are: - Home Page - **Large** size - Enterprise Landing Page - **Medium** size - Inner Pages - **Small** size - Recommended image formats are **.png** and **.jpg** - Recommended image dimensions: - **Large** size - **width = 1920px** and **height** = **512px** - **Medium** size - **256px** - **Small** size - **128px** 6. Turn on/off the **Display Banner** toggle to show/hide the banner in each workspace. 7. To enable welcome messages, turn on **Welcome Message** toggle, and you can add **Message Text** and **Message Sub Text** on the banner. 8. To enable search option, turn on the **Search** toggle, enter text in **Place Holder Text** to set as default for user to view the search options , and then select **Search Bar Size** from dropdown list. Default Banner Style settings for Service Catalog ::Image[]{src="https://api.archbee.com/api/optimize/parib0MC3hVoUNdfQdnac/ZJLYhCeOGq2IVJCpx9ICC_default-banner-style.png" position="flex-start" size="80" initialPath="../../Resources/Images/SelfServiceMgmt-images/default-banner-style.png" githubPath="Content/Resources/Images/SelfServiceMgmt-images/default-banner-style.png" showCaption="false" width="2880" height="1586" darkWidth="2880" darkHeight="1586" indent="1"} - Recommended formats for all the banners are **.png**, **.jpeg**, **.gif**, and **.svg**, recommended dimensions for the banner are **width = 1920px** and **height** = **512px** for large size, **256px** for medium size, and **128px** for small size. The maximum supported file size for banner images is **2 MB**. If the uploaded file exceeds this limit, the system displays an error message. - To use **.svg** files in banner configurations, you must first add **\*.svg** to the list of allowed attachment types. By default, **.svg** is not included in the out-of-the-box (OOTB) list. If it is not added, the application will display an error when you attempt to upload the file. To enable it, refer to [Allowed File Extensions](docId\:F2BRlKzLiGLkWD1PioVDv), and add **\*.svg** to the list. - The default banner is application for all the workspaces, but you can customize the banner style for different pages or workspaces by selecting **Use Custom banner style** from the Setting Panel. Also, if you have an old sections with background image as banner you need to remove that section, refer to To add sections and rows in [Working with Page Settings - Home Page](docId\:Nb0iEeDJBAZgOOrNoohSL) and enable the banner again to reflect the custom Banner on Self Service home page. :::: ::::ExpandableHeading{isOpen="true"} ## Logo Use the **Logo** section to set your logo for the workspace. 1. You can use the **Edit** :inlineImage[]{src="https://api.archbee.com/api/optimize/parib0MC3hVoUNdfQdnac/fu08E2Zvv6zsraDaOn2rG_edit-icon.png" alt caption size="10" width="19" height="19"} icon to upload a new logo and the **Delete** :inlineImage[]{src="https://api.archbee.com/api/optimize/parib0MC3hVoUNdfQdnac/PzgRakiPJ6EMSkK34MZ00_delete-icon.png" alt caption size="10" width="15" height="16"} to remove the existing logo. 2. Specify the following details: ![](https://api.archbee.com/api/optimize/parib0MC3hVoUNdfQdnac/Q4qCBIZhg3sVaXS8wIW13_home-page-logo-neurons.png) - **Logo Spacing** - Enter spacing to align the logo to the left, center, or right. :::Paragraph{indent="3"} Starting with Neurons for ITSM 2026.3, logo spacing is fixed and cannot be modified. After upgrading to this release, logo alignment is managed automatically to prevent header alignment and UI layout issues. ::: :::hint{type="note" indent="3"} If you remove the custom logo which is configured, the application displays Ivanti logo. If there is no logo configured in OOTB, the application displays the default Ivanti Neurons logo. ::: :::Paragraph{listStyleType="disc" indent="2"} **Enable separate logo for mobile** - To set separate logo for mobile, turn on **Separate logo for mobile** toggle, click :inlineImage[]{src="https://api.archbee.com/api/optimize/parib0MC3hVoUNdfQdnac/ms3irN7e4NO7ixhDb7K6m_add-icon14x14.png" alt caption size="10" width="14" height="14"} icon and then upload the image. ::: :::Paragraph{listStyleType="disc" indent="2"} **Enable Favorite icon** - To set the favorites icon, turn on **Fav icon** toggle, click :inlineImage[]{src="https://api.archbee.com/api/optimize/parib0MC3hVoUNdfQdnac/zzk4LQMURPHXpTmD0icOF_add-icon12x12.png" alt caption size="10" width="12" height="12"} icon and then upload the image. ::: 3. You can use the **Edit** :inlineImage[]{src="https://api.archbee.com/api/optimize/parib0MC3hVoUNdfQdnac/fu08E2Zvv6zsraDaOn2rG_edit-icon.png" alt caption size="10" width="19" height="19"} icon to upload a new logo and the **Delete** :inlineImage[]{src="https://api.archbee.com/api/optimize/parib0MC3hVoUNdfQdnac/PzgRakiPJ6EMSkK34MZ00_delete-icon.png" alt caption size="10" width="15" height="16"} to remove the existing logo. - Recommended formats for all the Logos are **.png**, **.jpeg**, **.gif**, and **.svg** recommended dimensions for the banner are **width = 1920px** and **height** = **512px** for large size, **256px** for medium size, and **128px** for small size. The maximum supported file size for banner images is **2 MB**. If the uploaded file exceeds this limit, the system displays an error message. - To use **.svg** files in banner configurations, you must first add **\*.svg** to the list of allowed attachment types. By default, **.svg** is not included in the out-of-the-box (OOTB) list. If it is not added, the application will display an error when you attempt to upload the file. To enable it, refer to [Allowed File Extensions](docId\:F2BRlKzLiGLkWD1PioVDv), and add **\*.svg** to the list. :::: :::ExpandableHeading{isOpen="true"} ## Typography Use the **Typography** section to set to define the default fonts and sizes. 1. To set the font type and size in banner section for body text, specify the following: - Select the desired font from the **Body font** dropdown to define the font style for the text beneath the title. - Enter or select above arrow from the **Body font default size** dropdown to define the font style for the body text. 2. To set the font type and size in banner section for header text, specify the following: - Select the desired font from the **Header font** dropdown to define the font style for the title. - Enter or select above arrow from the **Header font default size** dropdown to define the font style for the header. ::: :::ExpandableHeading{isOpen="true"} ## Buttons Use the **Buttons** section to configure the look and feel of the buttons displayed across the pages. 1. Click Edit :inlineImage[]{src="https://api.archbee.com/api/optimize/parib0MC3hVoUNdfQdnac/fu08E2Zvv6zsraDaOn2rG_edit-icon.png" alt caption size="10" width="19" height="19"} icon adjacent to **Primary Button** or **Secondary Button** to modify the background color, text color, border type, and border radius. 2. Click **Ok**. 3. You can also click **Reset to default style** to reset to default. ::: ::::ExpandableHeading{isOpen="true"} ## Header Use the** Header** section to customize the page header. You can set the title text color, background color, and icon color. 1. Toggle the **Show title** button to display or hide the title. 2. Enter the desired title in **Title text** field. 3. Select the desired background color from the palette, to set the color in banner section above title. 4. Select the desired background color from the palette, to set the color for icons. :::hint{type="note"} The icon color will be applied to all icons in the header, including the menu icon. ::: 5. Optionally, you can enable or disable the **Search** bar, **Alerts**, and **Shopping cart** features based on your requirements. :::: ::::ExpandableHeading{isOpen="true"} ## Configure Alerts You can configure alerts to notify users when requests are updated or to display relevant articles. To configure alerts, do the following: 1. Select turn on **Alerts** toggle. :::Paragraph{indent="1"} The **Configure** link is enabled. ::: 2. Click Configure. :::Paragraph{indent="1"} The **Configure Alerts** window is displayed and has following tabs: ::: :::Paragraph{listStyleType="disc" indent="2"} **Data Source** – Select options to configure business objects and alert display settings. ::: :::Paragraph{listStyleType="disc" indent="2"} **Actions** -Select options to define how users interact with alerts. ::: ::Image[]{src="https://api.archbee.com/api/optimize/parib0MC3hVoUNdfQdnac/0DUiugrihjFJjLpSAxL0Y_alerts-enhancements.png" position="flex-start" size="80" initialPath="../../Resources/Images/SelfServiceMgmt-images/alerts-enhancements.png" githubPath="Content/Resources/Images/SelfServiceMgmt-images/alerts-enhancements.png" showCaption="false" width="1900" height="1021" darkWidth="1900" darkHeight="1021" indent="2"} | Field | Description | | ------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | **Data Source** tab | | | Business Object | Select the business object from dropdown to configure alerts (for example, **Alerts**). | | Saved Search | Select appropriate saved search from the dropdown to define the specific alerts. | | Panel Limit | Specifies the maximum number of notifications displayed in the alert panel. Maximum value is 25. | | Always Display on Top | Select the checkbox to display the new alerts at the top of the home page.
Alerts are displayed on top panel, only when you select alert as business object in dropdown. | | Maximum Alerts on Top | Specifies the maximum number of alerts displayed at the top of the page. Maximum value is 5. | | Severity Field | Select the field from dropdown to display alerts attributes. | | Display Field | Select the filed from dropdown to display the specific details of alert. | | Category Field | Select the field used to display alerts based on category. | | Update Interval (seconds) | Specifies how frequently alerts are refreshed. Minimum is **5** seconds and maximum is **60** seconds. | | **Actions** tab | The options are displayed only when alerts are enabled. | | **Item click** | Select checkbox to enable an action when each alert is clicked. | | Target | Specify the destination type: **Self Service** or **URL**. | | Workspace | Select the target workspace (for example, **Knowledge Base**). | | Command | Select the action the system performs (for example, Open Knowledge Base workspace). | | Filter / Rec ID | Select a filter, or record ID based on the selected command. | | **View All click** | Select checkbox to enable View All options to a user. This action opens a full list or a filtered view of alerts. | | Target | Specify the destination type: **Self Service** or **URL**. | | Workspace | Select the target workspace (for example, **Announcement**). | | Command | Select the action the system performs (for example, **View Announcement** Item). | | Filter / Rec ID | Select a filter, or record ID based on the selected command. | 3. Click **Save**. :::Paragraph{indent="1"} The field displayed next to the **Command** dropdown changes based on the selected command. For filter based commands, the system displays a **Filter** dropdown. When a command requires a specific record, the system displays a **Rec ID** textbox. For example, when you select the **Knowledge Base** workspace and the **View Filtered Knowledge Base List** command, the system displays a **Filter ID** dropdown option to enter Field and Value. ::: :::: :::ExpandableHeading{isOpen="true"} ## Menu Navigation Use the **Menu Navigation** section to edit the workspace name and display text and to control its appearance in the menu left pane. - To view all available menu items, select the **Select All** checkbox, and to hide a workspace, clear its checkbox. - Click **Edit **:inlineImage[]{src="https://api.archbee.com/api/optimize/parib0MC3hVoUNdfQdnac/mQ_--WEYYWluCfPiGKAsN_edit-icon21x16.png" alt caption size="10" width="21" height="16"} icon to change the display text for a workspace. - Select the checkbox next to the workspace to display it in the left pane menu. ::: ::::ExpandableHeading{isOpen="true"} ## Additional Settings Use the **Additional Settings** section to enable or disable the following features:  :::Paragraph{listStyleType="disc" indent="2"} FAQ ::: :::Paragraph{listStyleType="disc" indent="2"} Welcome Message ::: To configure the welcome messages: 1. In the **Welcome Message** section, enter the **Message Text**, **Message Sub Text**. 2. Select the **Welcome Text Color**. 3. To include the user's name dynamically, use the placeholders #firstname and #lastname. For example, enter Welcome #firstname #lastname, This displays as: **Welcome Test User** (for a user named Test User). 4. Click the **Translator** link to translate the message text and message sub text into your preferred language. :::: ::::ExpandableHeading{isOpen="true"} ## Chat Support Use the **Chat Support** tab to enable, disable, or edit the **Chat with Support** and **Chatbot** features in the Self Service. :::hint{type="info"} You also must enable the **Enable "Chat with support" button** option in the **Role Details** configuration to use chat support in the Self Service. Refer to [Creating a Role](docId\:GT7R35F7DhfuezwDybAAO). ::: **To enable the Chat with support option** 1. Log into Neurons for ITSM as an Administrator. 2. In the Configuration console, set the **ChatEnabled** global constant to **True**. 3. Select **Build** > **User Interface Styles** > **Style Editor**, in the **UI** column, select **UI v3**. 4. Select Self Service role to enable the chat feature. 5. In the page designer, go to **Global Settings** > **Chat Support** and select **Chat with support**. 6. Click **Save**. **To enable or disable chat support:** 1. Select **Global Settings**, and select **Chat Support**. 2. Select or clear the **Chat with Support** or the **Chatbot** checkbox to enable or disable the chat options. When both options are enabled, the **Chat with Support** and **Chatbot** icons are visible in the Self Service UI. **To edit the Chatbot button and integration settings:** 1. Select the **Edit** icon for the **Chatbot** entry to open the **Chatbot Settings** form. 2. Edit the button styling message and color settings as required. 3. Select the **Integration** tab. The **Integration Type** drop-down dispalys "URL"; this is currently the only selection available. 4. Enter the URL for the Chatbot you want to connect to in the text box. :::Paragraph{indent="1"} *Chatbot Integration Settings - example* ::: ::Image[]{src="https://api.archbee.com/api/optimize/parib0MC3hVoUNdfQdnac/GS0oJA4FfbgJaFdO6GBAC_chatbotsettingsform.png" alt="screenshot of the chatbot settings form" position="flex-start" size="80" initialPath="../../Resources/Images/SelfServiceMgmt-images/chatbot_settings_form.png" githubPath="Content/Resources/Images/SelfServiceMgmt-images/chatbot_settings_form.png" showCaption="false" width="487" height="365" darkWidth="487" darkHeight="365" indent="1"} 5. Select **Apply**. ::::