Working in the Layout Editor

From unroole CMS wiki
Revision as of 10:16, 18 July 2012 by Mbasset (Talk | contribs)

Jump to: navigation, search

{{for|detailed descriptions of each layout panelLayout Panels]]

Contents


The following sections outlines the various quick handles for different elements of the Layout Editor.

Boxes

Layout Editor Box Handles.png

Highlighting the layout editor box quick update handles.

Each box provides a few different quick update properties that can be used in the layout editor. These include the following:

Property Description
(x) Delete Removes the box and all of its content from the layout.
(+) Add Widget* Bring up the widget add panel for this box.
(>) Orientation* Aligns this box to either the left or right of the layout. The default is left aligned.
Box > "name" The name of the box.
Width Dropdown* Used to change the width of this box relative to the layout.
(Bottom of Box) Drag Handler Can be used to force a minimum height to the box. Useful when trying to produce a specific layout or when the content can vary widely.

* Not available on all boxes. (ex: Divider)


Layout Editor Moving Box.png

A box being moved around in the layout editor. The outlined area denotes where the box will be placed once released.

Moving boxes around a layout is a straightforward process. To move a box follow the steps below:

  1. Select the box you wish to edit by clicking on it once.
  2. Click and Hold on the empty area of the topbar of a box.
  3. Drag the box around the layout and position the outlined area where you would like it to be placed.
  4. Let go to finalize moving the box.

Widgets