Show Description: When checked, a link containing the group description will appear on the user-side.

Show Label: When checked, the Group Label will be displayed on the UI with the label alignment you selected in Step 10.

Select the Alignment of the group label: Left, Center or Right.

When populated, it applies the specified class name to the DIV that surrounds all elements in the grid, allowing you to style one group differently from another. This will appear to the left of the group label.

Click Browse to select a Title Icon from the File Manager.

You can also add a description to let other FullAccess users know what this group is for. You can have up to 200 rows.Įnter a Group Label. This will open up additional group properties. Select the Group checkbox if you’d like to set-up your Grid like a Group. Set the column width to the desired value.įor the Vertical display type the column width is set using the label width value for each array attribute.įor the Horizontal display type the column widths are set using Label and Value widths for the first array attribute. Select the Auto-size Columns box if the columns should be auto-sized.Īuto-Size will set the Column Layout to 100% and divide the size equally among the columns.ĭeselect Auto-size Columns to change the column widths using the Column Properties button (gear icon) within each column.Ĭlick on the Edit icon for the applicable array attribute.

In the Grid Properties dialog box, enter the number of columns and rows you’d like within your grid.

If you have just created a tab, the Layout Elements dialog box is still be open and you can skip Steps 1-2.ĭrag and Drop Add Grid from the Layout Elements menu to the top bar.Ī green check mark lets you know that the cursor position where you’d like to place the grid is accepted. You can return the column to an unspanned state. Use the arrows to eliminate one or more column boundaries by spanning across columns.

The list icon opens the All Attributes dialog box. Use the gear icon to adjust the column width.

Action ButtonĬlick the Back button to return to the previous page without saving your changes.īe careful when deleting a row as it will delete all contents within the row as well.Ĭlick the + icon to add a column and click the X icon to delete a column.

The Configuration Layout Editor contains a strip of administrative action buttons.

The Visual Editing Area is a fixed-width page that is divided into the following areas: The Layout Editor allows you to customize the look and feel of your Configuration UI by using Tabs, Grids, Flow and Attribute Properties and a Configuration Stylesheet. You can customize and brand the user-side Configuration UI in an easy and intuitive way thanks to drag & drop functionality, previews, grouping and more. Once you have created your Configuration Flow, you can open the Configuration Layout Editor and begin to layout the user-side Configuration page. This approach differs from Commerce, where legacy and JET have separate layouts. The JET-specific features will display only in the JET Configuration UI - when the end user has access rights to the JET Configuration UI for the associated Product Family. You have the ability to create multiple grids (formerly known as groups) and tabs, greater flexibility in laying out UI elements and more, from a single page.Ī single configuration flow UI layout is used for both legacy and JET Configuration UIs. Administrators can create easily create standard Configuration layouts using the Configuration Layout Editor, which provides a graphical drag & drop feature for creating and managing the display of the model Configuration page(s).

Place cell layouteditor