About the Design Tab | The Design tab contains Page Builder functionality for the design of presentations in Site Tree pages.
Prerequisites: Administrators, complete prerequisites to enable user access to the Design tab. See Page Builder Prerequisites for details.
The Design toolbar has the same functionality as the Preview toolbar, with the addition of the Design button and the Zoom preview when resize checkbox.
If no saved presentation exists in the page, the New Presentation option displays.
If a saved presentation exists in the page, the Manage Presentations option displays.
Selecting the Zoom preview when resize checkbox decreases the preview size of the surrounding content in the Design tab workspace. In other words, the option zooms out of the Page Builder view to display all content (i.e., full screen). If selected, the checkbox maintains its responsive mobile view.
Caution: Navigating to the section links takes you out of Ingeniux CMS 10.x Getting Started and into the Administration or Editing section of the Support Documentation.
The Design Presentation pane contains an accordion menu with three initial areas: Presentation Properties , Layout , and Content Units. By default, the pane docks to the Design tab workspace on the right. Choose whether or not to float (undock) or hide (minimize) the pane in the workspace.
Use the Presentation Properties area to choose a container and assign publishing targets for the design presentation.
Depending on what the user selects in the workspace, properties display for the different Page Builder presentation objects. Row Properties, Column Properties, and Content Unit Properties are available after adding layouts and content units to the page presentation. The following properties are available:
Note: In the How to Access column, use the screen captures as a guide to select objects that display specific Design Presentation pane properties areas. The highlighted (yellow) areas serve demonstration purposes in the screen captures and don't display as highlighted in the Design tab workspace.
|Properties Area||Presentation Object||Description||How to Access|
|Presentation Properties||Containers||Properties for your presentation. Use this area to select a container, name the presentation, and assign publishing targets to the presentation.||Select the checkered background (i.e., area where no layouts are placed) in the container.
|Row Properties||Layouts||Use these properties in conjunction with the Design Presentation pane's Layout area. Row Properties control the layout object row's padding, additional class names, and the number of available columns.||Select the outermost area (gray) inside the layout.
Use these properties in conjunction with the Design Presentation pane's Layout area. Each column in the layout object's row has their own respective column properties. Column properties control each column's width, padding, and additional class names.
|Select the middle area (white) inside the layout. Don't select the content unit itself.
|Content Unit Properties||Content Units||
Use these properties in conjunction with the Design Presentation pane's Content Units area. Content Unit Properties displays the content unit's name and type, options to edit or delete the content unit, and options for child layouts.
|Select the content unit header or the content area itself.
Use the Layout area to add pre-built or custom layouts to the selected container. Layouts use grid rows and columns to structure content units inside the presentation container.
See the Properties table above for details to modify layouts.
Use the Content Units area to add field or component units to selected layouts.
Each column within a layout row can contain one content unit. See the Properties table above for details to modify content units.
See Building Presentations for details.
Caution: Navigating to this link takes you out of Ingeniux CMS 10.x Getting Started and into the Editing section of the Support Documentation.