Collapsing Components: Difference between revisions


(New page: When selected, this function will hide all content blocks (text and images). Clicking again will make them re-appear. Image:Statuscollapse.PNG Category:Introduction [[Category:...)
 
No edit summary
 
(6 intermediate revisions by 2 users not shown)
Line 1: Line 1:
When selected, this function will hide all content blocks (text and images). Clicking again will make them re-appear.
This function will toggle the layout mode and when selected, hides all content blocks (text and images). Clicking again will make them re-appear.




[[Image:Statuscollapse.PNG]]
[[Image:Statuscollapse.PNG]]


<div class="note">
'''Note'''<br />
Components can still be edited in this state, and this is particularly useful if content within a component is not functioning properly, or is causing problems in editing further. Collapsing components can be a useful editing tool but is not otherwise seen outside of the editor, so visitors to your site won't see this.
</div>


[[Category:Introduction]]
==Example==
[[Category:Status Bar]]
 
The below image shows a component before and after the collapse option is toggled:
 
 
[[Image:Collapsed.PNG]]
 
 
Note the '''CSS ID''' - the identification number unique to that component. This can be used in making code changes that affect that component specifically, such as [[Creating Navigation Component Hover Menus | Navigation Component Hover Menus]].
 
[[Category:Components]]

Latest revision as of 17:49, 6 October 2011

This function will toggle the layout mode and when selected, hides all content blocks (text and images). Clicking again will make them re-appear.


Statuscollapse.PNG

Note
Components can still be edited in this state, and this is particularly useful if content within a component is not functioning properly, or is causing problems in editing further. Collapsing components can be a useful editing tool but is not otherwise seen outside of the editor, so visitors to your site won't see this.

Example

The below image shows a component before and after the collapse option is toggled:


Collapsed.PNG


Note the CSS ID - the identification number unique to that component. This can be used in making code changes that affect that component specifically, such as Navigation Component Hover Menus.