Difference between revisions of "Working in the Layout Editor"
From unroole CMS wiki
(Created page with "<noinclude> {{also|Layouts}} {{for|more information|Layout Editor}} {{for|detailed descriptions of each layout panelLayout Panels]] {{TOC right}} </noinclude> The following s...") |
|||
Line 46: | Line 46: | ||
''* Not available on all boxes. (ex: Divider)'' | ''* Not available on all boxes. (ex: Divider)'' | ||
+ | |||
+ | <br/> | ||
{{Css Image Crop | {{Css Image Crop | ||
Line 55: | Line 57: | ||
|Description = A box being moved around in the layout editor. The outlined area denotes where the box will be placed once released. | |Description = 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: | ||
+ | |||
+ | # Select the box you wish to edit by clicking on it once. | ||
+ | # Click and Hold on the empty area of the topbar of a box. | ||
+ | # Drag the box around the layout and position the outlined area where you would like it to be placed. | ||
+ | # Let go to finalize moving the box. | ||
{{clear}} | {{clear}} | ||
== Widgets == | == Widgets == |
Revision as of 10:16, 18 July 2012
See also: Layouts
For more information, see Layout Editor.
{{for|detailed descriptions of each layout panelLayout Panels]]
The following sections outlines the various quick handles for different elements of the Layout Editor.
Boxes
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)
Moving boxes around a layout is a straightforward process. To move a box follow the steps below:
- Select the box you wish to edit by clicking on it once.
- Click and Hold on the empty area of the topbar of a box.
- Drag the box around the layout and position the outlined area where you would like it to be placed.
- Let go to finalize moving the box.