Screen layouts is a feature which allows you to customize the layout of an edit screen in DynamicWeb 10. It is typically used on e.g. a ProductEditScreen if you want to organize custom product fields in a way which is more intuitive to editors.
For example, you might want to create a custom product edit screen with the following tabs:
- General
- Descriptions
- Dimensions
- Specifications
- DPP
Under the Dimensions-tab you could then create groups of fields organized after e.g.:
- Package dimensions
- Outer dimensions
- Inner dimensions
- Weights
- Etc.
The key point being, the attributes inside each of these groups can be a mix of standard fields and custom fields.
Creating a screen layout
To create a custom screen layout:
- Navigate to Settings > System > Administration > Screen layouts and click New screen layout
- Provide a name and select a screen to customize, typically the ProductEditScreen
- Save
Next, create the tabs you want to organize fields under:
- Click the screen layout to open the Tabs-view
- Press New tab and name it
- Repeat as necessary
Inside each tab you create field groups to place fields in:
- Click in the tab to open the Groups-view
- Click + New Group and name it
- Optionally check Include Non-Selected Fields - this means that all fields not selected in other groups will be placed here
- Repeat as necessary
Inside each group, create the fields you want shown in that group:
- Click the field group you want to add fields to
- Click + New field
- Select the attribute you want to add to the group
- Save