---
title: Configuring Self Service Modern Layouts and Views for the Workspace
slug: neurons-for-itsm/admin-user-help/enu/latest/configuring-self-service-modern-layouts-and-views-for-the-workspace
createdAt: 2026-07-14T19:16:41.864Z
---

**Role**: Administrator

**Minimum Version**: Ivanti Neurons for ITSM 2026.2.

In Self Service UI V3, modern layouts provide a structured, grid and gallery based design that improves usability while safeguarding existing workflows. These layouts replace legacy views with **Grid** and **Gallery** views. Self Service modern layouts currently support only the Knowledge and Announcements workspaces. For information about other modern layouts see [Configure and Assign Views and Layouts Using the Modern Page Designer](docId:0pUY-SDKXlgoGrq-17tq9).

## Enable the Modern layout

1. Log in to Neurons for ITSM as Administrator.
2. From the Configuration console , go to **Build** > **Global Constant**.
3. Set **EnableNova** to **True**.

## Prerequisites

Before configuring modern layouts, ensure the following:

- Ensure Self Service UI V3 is enabled. For more information, see [Getting Started with Self-Service Management Portal V3.](docId\:sYDQ0TxVasaGgzQRYmYqQ)
- Ensure that the **EnableNova** global constant is set to **True**.

::::ExpandableHeading{isOpen="true"}
## Creating a Layout

1. In Configuration console, go to **Build** > **Business Objects.**
2. In **Find** text field, enter a workspace name and then open the workspace (for example, Announcement).
3. In the workspace, select **Layouts** tab and click **Add New Layout**.

:::Paragraph{indent="1"}
A pop up window appears.
:::

4. In the window, select **Try Modern Designer**.

:::Paragraph{indent="1"}
The **Modern Designer** window opens in a new tab.
:::

:::Paragraph{indent="1"}
An onboarding dialog appears, you can select **Skip** or walk through the tour or select **Do not show again** checkbox to hide it in future sessions.
:::

:::Paragraph{indent="1"}
By default, the **Announcement** workspace is selected in the top dropdown.
:::

2. In the Modern Designer window, select **Add New Layout**.

:::Paragraph{indent="1"}
The **Create Layout** window is displayed.
:::

::Image[]{src="https://api.archbee.com/api/optimize/parib0MC3hVoUNdfQdnac/i3gSGt7Tcci3eBJ9cWYzQ_create-modern-layout.png" position="flex-start" size="80" width="1920" height="969" initialPath="images/create-modern-layout.png" githubPath="Admin-User/Content/Configure/Self Service Management/images/create-modern-layout.png" darkWidth="1920" darkHeight="969" showCaption="false" indent="2"}

2. Select **Self Service** checkbox to enable layout creation for Self Service UI.
3. Enter a name, select the required options in **Search configuration** section, and hover over the information icon to review option details.
4. Select **Save**.

:::Paragraph{indent="1"}
A confirmation message indicates that the layout is created.
:::
::::

::::ExpandableHeading{isOpen="true"}
## Creating a View

1. In the main window, select **Add New View**.
2. In the **Create new view** window, choose one of the following types:
   - **Data grid** – Displays records in a grid format
   - **Gallery view** – Displays records in a gallery format

:::hint{type="info" indent="1"}
You can view the form view options to configure view for workspaces. However, in Self Service UI V3, the final UI does not display the modern page layout.
:::

3. Configure the selected view type:
   - For a grid view, see [Configuring Grid Views](docId:3EqnFFfaap7ihY28W4BFf)
   - For a gallery view, see  [Configuring Gallery Views](docId:3EqnFFfaap7ihY28W4BFf)

:::Paragraph{indent="1"}
After you configure the required grid or gallery view, continue to step 4.
:::

2. Select **Preview** to review your changes.

:::hint{type="note" indent="1"}
Ensure the view is set to Gallery or Grid before saving and publishing the changes in Manage Views.
:::

3. Select **Save and Publish** to apply the configuration.
::::

::::ExpandableHeading{isOpen="true"}
## Configuring Grid Views

1. In the **Select view type** tab, select **data grid** from **View type** dropdown.
2. Enter a name for grid view and click **Save**.

:::Paragraph{indent="1"}
The **Properties** tab is enabled.
:::

::Image[]{src="https://api.archbee.com/api/optimize/parib0MC3hVoUNdfQdnac/lZGfwo0rOcZA8N_5nQM2K_create-grid-view.png" position="flex-start" size="80" width="1914" height="1027" initialPath="images/create-grid-view.png" githubPath="Admin-User/Content/Configure/Self Service Management/images/create-grid-view.png" darkWidth="1914" darkHeight="1027" showCaption="false" indent="1"}

3. Enter a display name and select style in dropdown, choose one:
   - Default – Uses default text styles
   - Highlighter style – Select a predefined style
   - Expression editor – Define custom formatting
4. Configure page options for workspace, dashboard, dialog, and search.
5. Select additional options as required and select **Save**.

:::Paragraph{indent="1"}
The data grid view is created.
:::

6. In the workspace section (for example, Announcement), select the created grid view and then select **configure data grid**.

:::Paragraph{indent="1"}
The **available fields** are displayed.
:::

::Image[]{src="https://api.archbee.com/api/optimize/parib0MC3hVoUNdfQdnac/tiOs8GWgjecOjUJ38pv5Y_grid-view-customize.png" position="flex-start" size="80" width="1906" height="1025" initialPath="images/grid-view-customize.png" githubPath="Admin-User/Content/Configure/Self Service Management/images/grid-view-customize.png" darkWidth="1906" darkHeight="1025" showCaption="false" indent="2"}

2. To add a field, select a field from **Available Fields** column and select **Add Selected**.
3. To reorder columns, drag and drop the columns, and then click **Reorder columns**.
4. In the configure section, modify the field details such as title, column width, Renderer style, or add an image and other modification, toggle on the required options.

:::Paragraph{indent="1"}
In the Self Service modern layout, the following options are supported for Renderer dropdown:
:::

:::Paragraph{listStyleType="disc" indent="2"}
**Bulleted inline list** for text fields
:::

:::Paragraph{listStyleType="disc" indent="2"}
**Star rating** for number fields.
:::

5. To remove the column, select the required column and click **Remove column**.
6. To preview your changes, select **Preview** in the main window.
7. To save and apply all customized options, select **Save and Publish**.
::::

::::ExpandableHeading{isOpen="true"}
## Configuring Gallery Views

1. In the **Select view type** tab, select **gallery view** from **View type** dropdown.
2. Enter a name for gallery view and click **Save**.

:::Paragraph{indent="1"}
The **Properties** tab is enabled.
:::

3. Enter a name and appropriate description then select the required options and click **Save**.
4. In the **Announcement** section, select **configure the gallery view** and select required options to customize.

:::Paragraph{indent="1"}
The **Available fields** are displayed.
:::

::Image[]{src="https://api.archbee.com/api/optimize/parib0MC3hVoUNdfQdnac/0Leo5OOBJtTu2Y3z4riuk_customize-gallery-view.png" position="flex-start" size="80" width="1917" height="1032" initialPath="images/customize-gallery-view.png" githubPath="Admin-User/Content/Configure/Self Service Management/images/customize-gallery-view.png" darkWidth="1917" darkHeight="1032" showCaption="false" indent="2"}

5. To add fields, drag and drop the required fields from available fields column into the **Selected Fields** area.
6. Select the Edit icon next to a field to modify its title, style, renderer type, or to add images or hyperlinks, toggle on the required options.

:::Paragraph{indent="1"}
In the Self Service modern layout, the following options are supported for renderer dropdown:
:::

:::Paragraph{listStyleType="disc" indent="2"}
**Bulleted inline** list for text fields
:::

:::Paragraph{listStyleType="disc" indent="2"}
**Star rating** for number fields.
:::

7. To remove a field, select it and click **Remove column**.
8. Select **Preview** to review the layout.
9. Select **Save and Publish** to apply the changes.
::::

::::ExpandableHeading{isOpen="true"}
## Customizing the Toolbar for Layouts and Views

::Image[]{src="https://api.archbee.com/api/optimize/parib0MC3hVoUNdfQdnac/oD_m1tvHkPSuX5fech9Jn_tab-title-window.png" position="flex-start" size="80" width="1902" height="1021" initialPath="images/tab-title-window.png" githubPath="Admin-User/Content/Configure/Self Service Management/images/tab-title-window.png" darkWidth="1902" darkHeight="1021" showCaption="false" indent="1"}

In the **Tab Title** section, you can design and edit the toolbar after creating layouts and views.

:::hint{type="note"}
Under the **Tab title** section, the **Select a saved filter** and **Filter By** dropdown options are not editable.
:::

To customize layouts and views:

1. Select **Show Control Borders** to display editable regions.
2. Select **menu**.

:::Paragraph{indent="1"}
The **Configure** section is enabled.
:::

3. Select **Edit toolbar** to view and modify the tool list.

:::hint{type="note"}
Only the **refresh** action can be added to the left or right section of the toolbar.
:::

4. Select the **Edit** icon next to a tool to modify its name or options, then select **Ok**.
5. To preview your changes, select **Preview** in the main window.
6. To save and apply all customized options, select **Save and Publish**.
::::

::::ExpandableHeading{isOpen="true"}
## Assigning layouts and views

1. In the **Announcement** section, from the layout dropdown, select the created layout.
2. In the **Views** dropdown, select ellipsis icon adjacent to views field and then select **Manage** views.

::Image[]{src="https://api.archbee.com/api/optimize/parib0MC3hVoUNdfQdnac/TKvKcezmGgsyhY2iCAyfT_manage-views.png" position="flex-start" size="80" width="1902" height="1019" initialPath="images/manage-views.png" githubPath="Admin-User/Content/Configure/Self Service Management/images/manage-views.png" darkWidth="1902" darkHeight="1019" showCaption="false" indent="1"}

3. To select the views to display, toggle on the status column for any of the view and select the created layout from dropdown.
4. To set the required view as initial view, select the required checkbox in the initial view column.
5. In the main window, select **Preview** to review, then select **Save and publish** to save.

:::hint{type="note"}
Ensure that a default view is set for the selected initial view. This configuration is required for the Announcement workspace detail view to render correctly in the Self ServiceUI.
:::
::::

::::ExpandableHeading{isOpen="true"}
## Enabling modern layout in the workspace

1. In the Configuration console, go to **Configure** > **Users and Permissions** > **Roles and Permissions**.
2. Select **SelfService Mobile**.
3. In the window, select **Top level tabs** and select **Announcement** workspace.
4. Select the created layout from the layout dropdown.
5. Select **Save**.

:::Paragraph{indent="1"}
The system applies the selected layout and views to Self Service UI V3.
:::
::::

:::ExpandableHeading{isOpen="true"}
## Setting a default or fallback view

To view the Detail section for the Announcement workspace in the Self Service UI, ensure that a default view is set for all the customized views, or at minimum, for the view selected as the initial view.

1. In the **Announcement** section, select **configure the gallery view** or **configure the grid view**.
2. Click ellipsis icon and select **Edit**.

::Image[]{src="https://api.archbee.com/api/optimize/parib0MC3hVoUNdfQdnac/35g45Y3Y1TUw0lJOjj5L1_default-view.png" position="flex-start" size="80" width="954" height="799" initialPath="images/default-view.png" githubPath="Admin-User/Content/Configure/Self Service Management/images/default-view.png" darkWidth="954" darkHeight="799" showCaption="false" indent="1"}

3. Select the **Use form view from existing layout** checkbox.
4. In the **Select another layout** dropdown list, select the layout that was previously set or customized layout, other than modern layout.
5. Select **Form View** for **On request Create new object** and **On request to Edit existing object** dropdown.
6. Select **Save** to apply the changes.
:::

::::ExpandableHeading{isOpen="true"}
## Limitations of Self Service Modern Layout

- If you configure the form view for the Knowledge and Announcement workspaces in the modern page layout, the fallback option also defaults to the modern page layout. However in Self Service UI V3, the final UI view displays the classic page layout, consistent with the earlier experience.
- When a user creates an incident or offering using the modern page layout in Form Offerings, the matching panel displays related articles to help resolve the issue. If the user finds a resolution in one of these articles and click **Resolve** button after entering details in all mandatory fields, the incident still the incident remains in the **In Progress** state instead of moving to the **Closed** state. To prevent this issue, you can configure one of the following options for the mandatory fields:
  - Make the fields optional
  - Configure default values for the fields

:::Paragraph{indent="1"}
**Option 1: Make the mandatory field optional**
:::

:::Paragraph{listStyleType="decimal" indent="2"}
From the Configuration console, go to **Build** > **Business Objects**.
:::

:::Paragraph{listStyleType="decimal" listStart="2" listRestartPolite="2" indent="2"}
Click **Incident**, select **Business Rules**.
:::

:::Paragraph{listStyleType="decimal" listStart="3" listRestartPolite="3" indent="2"}
Enter required mandatory fields, for an example enter description in the **Search field names only** text box and search.
:::

:::Paragraph{listStyleType="decimal" listStart="4" listRestartPolite="4" indent="2"}
Toggle off the status button for **Required Rule for Incident.Symptom (Default)** rule.
:::

:::Paragraph{indent="1"}
**Option 2: Configure a default value**
:::

:::Paragraph{listStyleType="decimal" indent="2"}
From the Configuration console, go to **Build** > **Automation Tools** > **Object Matching Lists**.
:::

:::Paragraph{listStyleType="decimal" listStart="2" listRestartPolite="2" indent="2"}
Select the object matching layout, for example - **FAQ, Document Object Matching for Incident**.
:::

:::Paragraph{listStyleType="decimal" listStart="3" listRestartPolite="3" indent="2"}
Select **Edit Preview** for FAQ or Knowledge.
:::

:::Paragraph{listStyleType="decimal" listStart="4" listRestartPolite="4" indent="2"}
In the **Preview** window, click **Edit**.
:::

:::Paragraph{listStyleType="decimal" listStart="5" listRestartPolite="5" indent="2"}
Click **Add field**, enter field name for example, Description in the **Field Name** and enter value in **Update with** column and then click **Save**.
:::

:::Paragraph{listStyleType="decimal" listStart="6" listRestartPolite="6" indent="2"}
Repeat same steps from step 4- 6 for other object name.
:::
::::