--- title: Customize user interfaces with the style editor slug: neurons-for-itsm/admin-user-help/enu/latest/customize-user-interfaces-with-the-style-editor createdAt: 2026-07-14T19:16:48.461Z --- **Role:**Administrator **Minimum Version:***Ivanti Neurons for ITSM 2023.3.* ::::ExpandableHeading ## Overview An administrator can configure and customize the UI for Self Service user roles in Style Editor. This includes: - Assigning a UI version and theme - Customizing the login and application pages - Setting up the exceptions for the roles The Style Editor consists of three main sections: - Login Page – Customize the login screen appearance for the roles. - All Pages – Apply default styling for pages used by Self Service Users - Exceptions/Custom Roles – Create and manage UI settings. :::hint{type="info"} Modify and save one option at a time. The system supports only one change per instance, so avoid editing the same role simultaneously. ::: :::: ::::ExpandableHeading ## Edit the Login Page In the Login Page section, you can customize the layout, add your company logo or background image, modify text styles, and configure fields based on your requirements for all UI versions. These options give you the flexibility to design the login experience according to your preferences and align it with your brand identity. To modify the appearance of the login page, do the following: 1. In the **Login Page** section, click the **Edit **:inlineImage[]{src="https://api.archbee.com/api/optimize/parib0MC3hVoUNdfQdnac/fu08E2Zvv6zsraDaOn2rG_edit-icon.png" alt caption size="10" width="19" height="19"}icon. 2. Modify any of the following options and after each change, click **OK**: - Common - Customize the layout of the login access page, including text and hyperlink colors. - Background - Change the login window’s background color or upload a custom background image. - Title - Display or hide the title, set custom title text (e.g., your company name), and adjust its text size. - Logo - Upload and display your company or specific logo, and scale it to fit your needs. - Form - Customize color of the text you enter, the background color and border of the input fields, the size of the entered text, and the text color of the field labels. Additionally, you can change the button’s background color and the color of its text. - Copyright - Add or modify copyright text and adjust the colors of text and hyperlinks. 3. Click revert :inlineImage[]{src="https://api.archbee.com/api/optimize/parib0MC3hVoUNdfQdnac/d9heO0SRZ32XVoiZMjicF_revert-icon.png" alt caption size="10" width="37" height="40"} icon, to restore the original settings for any modifications made. 4. Click **Save**. 5. To restore the default login page view, click **Revert All**. 6. To return to main style editor screen, click **Back to list view**. :::hint{type="info"} Refer to [Styling the Login Page](docId\:RWqN1sN8BhV9Dttrl3y3p). For information on making color changes, refer to [Working with Colors in the Style Editor](docId\:XiwRLiHw_eHX10JGAAEsT). ::: :::: ::::ExpandableHeading ## Modify All Pages You can customize the **All Pages** for the required role. Any changes made to the default role will apply to all roles, you can select the self service role to modify individually. For more information on user roles, see [Styling the Neurons for ITSM Console](docId\:BMxCHzkPC07IklxScWWGs). The default options are: - **UI**: UI v1 (formerly Classic) - **Theme**: CDL2 To customize **All Pages** for a role: 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. :::Paragraph{indent="1"} The **Style Editor** window is displayed. ::: 2. Select a role from the **Role** dropdown list. 3. Select theme from **Select theme** link. 4. Modify the color for the required options and you can see the preview in the right panel. 5. Click revert :inlineImage[]{src="https://api.archbee.com/api/optimize/parib0MC3hVoUNdfQdnac/d9heO0SRZ32XVoiZMjicF_revert-icon.png" alt caption size="10" width="37" height="40"} icon, to restore the original settings for any modifications made. 6. Click **Save**. 7. To restore the default page view, click **Revert All**. 8. To view main editor screen, select **Back to list view**. :::: :::ExpandableHeading ## Manage Role Based Exceptions Use the **Exceptions/Custom Roles** section to modify default settings for roles such as Self Service, IT Services, Mobile Analyst and others. The table below outlines the field and its description as shown on the screen. *View Custom Roles* ::Image[]{src="https://api.archbee.com/api/optimize/parib0MC3hVoUNdfQdnac/fkBVO4ZTL3x2W6q_xkeVP_role-based-exceptions.png" alt="configuring UI V3" position="flex-start" size="40" initialPath="../../Resources/Images/SelfServiceMgmt-images/role-based-exceptions.png" githubPath="Content/Resources/Images/SelfServiceMgmt-images/role-based-exceptions.png" showCaption="false" indent="1"} | Field | Description | | ------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Role | Displays the name of the role for which you can modify the UI version and theme. | | Use Self Service | Select the checkbox to enable Self Service features for applicable roles. | | UI | Select a UI version from the dropdown list:
- **UI v2** (Modern)
- **UI v3** (Self Service Management v3) | | Theme | Automatically assigned according to the selected UI.
- **CDL** (for UI v2)
- **Modern** (for UI v3) | | Self service Page Options | Select the landing page for self service roles from the dropdown list:
- Enterprise Landing Page - Select this option to navigate between various Self-Service portals, based on the selections made in the Exceptions/Custom Roles section.
- Self Service Extended Role - Select this option to display the Self-Service role as a single option on the home page. | | Actions | - Click 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 customize the theme, header, and UI panels for the selected role.
- Click the **Delete** :inlineImage[]{src="https://api.archbee.com/api/optimize/parib0MC3hVoUNdfQdnac/PzgRakiPJ6EMSkK34MZ00_delete-icon.png" alt caption size="10" width="15" height="16"} icon to remove the role from the **Exceptions/Custom Roles** section. | ::: ::::ExpandableHeading ## Create Custom Role Exceptions Use the Custom Role Exception feature to supersede default role based configurations and get control over user access and interface behavior. To add or modify exception for any role: 1. In the **Exceptions/Custom Roles** section, click **Add exception**. 2. For Self Service roles: - Toggle on the **Use Self Service**. - Select **UI v2** or **UI v3** from **UI** dropdown list. - If UI v2 is selected, select below options from **Self Service Page Options** dropdown list: - Enterprise Landing Page - Self Service Extended Role 3\. For non Self Service roles, select the appropriate UI and click **Save**. :::hint{type="info"} If the newly created role does not appear in the administrator dropdown list or fails to apply to the selected UI, add the exception to the role again. ::: ::::