---
title: Configuring Modern Layouts for Form Offerings
slug: neurons-for-itsm/admin-user-help/enu/latest/configuring-modern-layouts-for-form-offerings
createdAt: 2026-08-26T14:05:58.000Z
---

**Role:** *Administrators.*

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

**Status:** ITSM 2026.3.

In  Self Servic&#x65;**&#x20;UI V3**, form offerings support modern detail views that replace the legacy form interface and provide consistent user experience. Administrators can create, design, and assign these layouts using the unified layout designer.

### Prerequisites

Before configuring modern layouts, ensure the following:

- &#x20;Self Service UI V3 is enabled.
- The **EnableNova** global constant is set to **True**.

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

1. Log in to Neurons for ITSM as an Administrator.
2. In the Configuration console, go to **Build > Business Objects**.
3. Select **Incident**.
4. Select the **Layouts** tab and click **Add New Layout** below the search field.
5. In the designer, select **Try Modern Designer.** Review the configuration tips or selec&#x74;**&#x20;Skip** in the welcome window.

::::hint{type="note" indent="1"}
:::Paragraph{indent="1"}
Ensure that **Incident** is selected in the **Business Object** list.
:::
::::

6. To migrate existing classic layout:
   1. In the left pane, for **Layout** dropdown, select ellipses icon and then select **Migrate classic layouts.**

:::Paragraph{indent="3"}
Th&#x65;**&#x20;Migrate classic layouts&#x20;**&#x77;indow is displayed.
:::

:::Paragraph{listStyleType="decimal" listStart="2" indent="2"}
In the **Choose BO** tab, verify that incident business object is selected, then click **Next**.
:::

:::Paragraph{listStyleType="decimal" listStart="3" indent="2"}
In the **Choose layout** tab, select the required layout name to migrate to modern layout and then click **Next**.
:::

:::hint{type="note" indent="3"}
You can migrate only one layout at a time and system mode layouts are not supported for migration.
:::

:::Paragraph{listStyleType="decimal" listStart="4" indent="2"}
In the **Review & Confirm** tab, verify the selected layout and click **Start migration**.
:::

:::Paragraph{indent="3"}
A confirmation message appears after successful migration.
:::

7. To create new layout:
   1. In the main window, click **Add New**.

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

::Image[]{src="https://api.archbee.com/api/optimize/parib0MC3hVoUNdfQdnac/_Y5bP8CXTNsFybw6dYkO6_image.png" size="90" isUploading="false" width="1056" height="755" darkWidth="1056" darkHeight="755" showCaption="false" indent="2"}

:::Paragraph{listStyleType="decimal" listStart="2" indent="2"}
Select  Self Service checkbox to enable the layout for Self Service role.
:::

:::Paragraph{listStyleType="decimal" listStart="3" indent="2"}
Enter a name. In the **Search Configuration** section, select the required options. Hover over the information icon to view a description of each option.
:::

:::Paragraph{listStyleType="decimal" listStart="4" indent="2"}
Select **Save**.
:::

:::Paragraph{indent="3"}
A confirmation message appears.
:::

:::hint{type="note"}
When you enable **Self Service** for a modern page layout, toolbar buttons appears at the bottom of the Design section
:::
:::::

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

Before creating a form view, create a grid or list view and associate it with the form view. For more details, see [Configuring Grid Views](https://help.ivanti.com/ht/help/en_US/ISM/2026/admin-user/Content/Configure/Self%20Service%20Management/Configuring%20Self%20Service%20Modern%20Layouts%20and%20Views%20for%20the%20Workspace.htm).

1. In the main window, select **Add New View**.

:::Paragraph{indent="1"}
Alternatively, in the left pane, select the **Views** dropdown, select the **ellipsis** icon, and then select **Add New.**
:::

:::Paragraph{indent="1"}
Th&#x65;**&#x20;Create new view&#x20;**&#x77;indow is displayed.
:::

2. In the **Create new view&#x20;**&#x77;indow:
   - From the **View type&#x20;**&#x64;ropdown select **Form View**.
   - Enter a name and click **Save**.

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

::Image[]{src="https://api.archbee.com/api/optimize/parib0MC3hVoUNdfQdnac/jqW_Zi_b1rCvGWHLtYV7b_image.png" size="80" isUploading="false" width="1046" height="877" darkWidth="1046" darkHeight="877" showCaption="false" indent="2"}

:::Paragraph{listStyleType="disc" indent="2"}
On the **Properties** tab, enter a name, configure the advanced settings, and click **Save**.
:::

:::Paragraph{indent="3"}
A confirmation message appears.
:::
::::

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

A form view defines how the form offering appears in  Self Service UI V3. It consists of sections, content blocks, and controls.

::Image[]{src="https://api.archbee.com/api/optimize/parib0MC3hVoUNdfQdnac/Ju7JQ4n_C_QTcdf-WTgYt_image.png" size="80" isUploading="false" width="1912" height="1029" darkWidth="1912" darkHeight="1029" showCaption="false"}

1. In **Step 1: Sections**, choose a layout type with (single column or multiple columns) and drag it onto the design canvas.
2. In the **Configure** Pane:
   - Select **Create new** and enter name for the view or choose **Use existing** to base the view on a template.
   - Use expression editor ***(fx)*** in the **Default Style** text box to define conditions, calculations, and display logic.
   - In default cell margins, select dropdown and adjust cell margins to control alignment.

     :::hint{type="note"}
     Text fields are left aligned and action buttons are center aligned by default. To customize the alignment of the fields according to your preferences, you can adjust the alignment using cell margins.
     :::
3. Turn on **Hide on mobile view** to hide the view on mobile devices.
4. Click **Save content** to save changes or select **Remove** to discard them.
5. In **Step 2:** **Content blocks**, select the required blocks. By default, the content block is associated with the selected view, and the remaining options are grayed out. The available options are:
   - **Form** – Displays business object fields and controls.
6. In **Step 3\:Controls**, section displays the available controls that you can add to the form.

::Image[]{src="https://api.archbee.com/api/optimize/parib0MC3hVoUNdfQdnac/kJIT2twZK262KlVHjCkPZ_image.png" size="90" isUploading="false" width="1905" height="1035" darkWidth="1905" darkHeight="1035" showCaption="false" indent="1"}

7. Drag and drop the required controls to the design canvas and select the controls to view the configuration options in **Configure** pane, make required modifications.

:::Paragraph{indent="1"}
The options in Configure pane are dynamic, they change based on the control options selected for the form.
:::

:::Paragraph{listStyleType="disc" indent="2"}
When you define supported file types in the attachment action by using a label expression in the existing **Attachment&#x20;**&#x63;ontrol option, the text appears in a single line. To prevent text overflow, it is recommended to drag and drop an label control from available control onto the form, apply the label expression, and then enable **Word Wrap**. This ensures it displays correctly on the Self Service portal.
:::

2. You can select the control, drag and move to the required location or remove the control.
3. To save and apply all customized options, select **Save and Publish**.
::::

::::ExpandableHeading{isOpen="true"}
### Configuring modern layout for Self service

You can enable modern layout for the existing form offering or new form offering. For more information, see [Creating a Form Offering](docId\:Bsvvjq2ANjoiS976JC8yJ).

:::hint{type="info"}
Only Self Service enabled modern layouts can be set in a form offering.
:::

1. Log in to Neurons for ITSM as an Administrator.
2. Open the **Request Offering** workspace.
3.  Select the existing form offering to configure the modern layout for the incident or click **New > Form offering&#x20;**&#x74;o configure for the new form offering.

:::Paragraph{indent="1"}
The **Form offering** page is displayed.
:::

::Image[]{src="https://api.archbee.com/api/optimize/parib0MC3hVoUNdfQdnac/ELthLPp6AX-Y5w9f0_gV2_image.png" size="80" isUploading="false" width="1555" height="917" darkWidth="1555" darkHeight="917" showCaption="false" indent="1"}

4. Click **Select form layout** tab. In the Object layout dropdown, select the created modern layout and then click **Save.**
5. Configure other options as per requirements, for more information about publish action, see [Creating a Form Offering](docId\:Bsvvjq2ANjoiS976JC8yJ) and click **Save**.

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