Inserting a HideShowHeader Component

To insert a hideShowHeader component:

In the Design Structure Window of the desired file, locate the pageLayout node.
If the pageLayout node is not visible, expand page | content | dataScope | document | body | form.
In the Component Palette, select Layout Components from the dropdown list, and then drag and drop the hideShowHeader component to the pageLayout node.
The hideShowHeader node is inserted and highlighted in the Design Structure Window. The Property Inspector displays the properties of the hideShowHeader component.
In the Property Inspector, set the following attributes for the hideShowHeader component you inserted:
- text - Enter the text to display in the header title, next to the arrow icon.
- destination - Enter the base destination for the hide/show link. This is ignored if form submission is enabled.
- disclosed - Enter true to show the indexed children. Enter false to hide the contents.
- formSubmitted - Enter true to enable form submission. Default is false.
- formName - Enter the name of the form to which hideShow events should be submitted. Default is the parent form.
- unvalidated - If formSubmitted is true, all form inputs are validated before submitting to the server. To disable validation, enter false.
- partialRenderMode - Enter self or multiple to enable partial page rendering. You must also set the id attribute.
- partialTargets - If partialRenderMode is multiple, enter the IDs of the partial targets. Do not enter the hideShowHeader ID as it is automatically included in the partial targets list.
Note: To use data binding, see Data Binding a Component Attribute.
To add contents into the hideShowHeader, drag and drop a component from the Component Palette to the hideShowHeader node. Repeat to add the desired number of components. Components are placed consecutively in the order in which they are added.

Example (UIX XML)


...
<page ...>
   ...
   <pageLayout>
   ...
     <hideShowHeader text="Hide this section" disclosed="true" id="hs1">
       <contents>
         <header text="Subheader">
           <contents>
             <header text="Subsubheader">
               <contents>
                 Put indexed children here
               </contents>
             </header>
           </contents>
         </header>
       </contents>
     </hideShowHeader>
   ...
   <!-- REST OF PAGE LAYOUT -->
   <pageLayout>
 ...
 <handlers>
   <event name="hide">
     ...
   </event>
   <event name="show">
     ...
   </event>
 </handlers>
</page>