Difference between revisions of "Layout Panels"
| Line 3: | Line 3: | ||
</noinclude> | </noinclude> | ||
| − | The following | + | The following screenshots display the key components of the layout editor and their basic functions. |
<gallery widths="178px" heights="100px"> | <gallery widths="178px" heights="100px"> | ||
File:Layotu Editor Topbar.png|The layout editor topbar. From left to right, update messages, layout object name, box and section buttons, template saving, previews and back button. | File:Layotu Editor Topbar.png|The layout editor topbar. From left to right, update messages, layout object name, box and section buttons, template saving, previews and back button. | ||
| − | File:Layout Editor Box and Widget Area.png|The layout area where boxes and widgets in the layout are displayed. | + | File:Layout Editor Sidebar.png|The sidebar allows for the majority of property changes on elements of a layout. |
| − | File:Layout Editor box panel.png|The sidebar panel displaying the actions | + | File:Layout Editor Properties Panel.png|The properties of the current layout. These options can be changed via the pencil icon. |
| − | File: | + | File:Layout Editor Box and Widget Area.png|The layout area where boxes and widgets in the layout are displayed. Clicking on a box or widget shows the sub-panel for that element. |
| + | File:Layout Editor box panel.png|The sidebar panel displaying the actions available for a box. | ||
| + | File:Layout Editor Expanded Box panel.png|Expanded box properties panel. | ||
| + | File:Layout Editor Expanded Widget Panel.png|The widget additional panel displaying widgets that can be added to a box. | ||
| + | File:Layout Editor Expanded Widget Properties Panel.png|The properties panel of an asset widget. Properties can change depending on the widgets functionality. | ||
| + | File:Layout Editor Sidebar Position Elements.png|From left to right the alignment, lock and close icons used to position the sidebar. | ||
</gallery> | </gallery> | ||
{{clear}} | {{clear}} | ||
Revision as of 09:44, 12 July 2012
The following screenshots display the key components of the layout editor and their basic functions.
The layout editor topbar. From left to right, update messages, layout object name, box and section buttons, template saving, previews and back button.
The sidebar allows for the majority of property changes on elements of a layout.
The properties of the current layout. These options can be changed via the pencil icon.
The layout area where boxes and widgets in the layout are displayed. Clicking on a box or widget shows the sub-panel for that element.
The sidebar panel displaying the actions available for a box.
Expanded box properties panel.
The widget additional panel displaying widgets that can be added to a box.
The properties panel of an asset widget. Properties can change depending on the widgets functionality.
From left to right the alignment, lock and close icons used to position the sidebar.
