Design Tab

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.


Design Workspace and Design Presentation Pane

Design Toolbar

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.

Design Toolbar

The Design button provides the option to create a presentation or the interface to manage (i.e., delete) the presentation in the page. See Deleting Presentations for details.

If no saved presentation exists in the page, the New Presentation option displays.

New Presentation

If a saved presentation exists in the page, the Manage Presentations option displays.

Manage Presentations

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.

Design Presentation Pane

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.

Presentation Properties and Other Properties

Use the Presentation Properties area to choose a container and assign publishing targets for the design presentation.

Presentation Properties Area

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.

Select Presentation Properties

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.

Select Row Properties

Column Properties Layouts

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.

Select Column Properties

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.

Select Content Unit Properties

Layout

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.

Layout Area

See the Properties table above for details to modify layouts.

Content Units

Use the Content Units area to add field or component units to selected layouts.

Content Units Area

Each column within a layout row can contain one content unit. See the Properties table above for details to modify content units.

Creating a Page Builder Presentation

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.