Portlet Factory, Version 6.1.2


 

Collapsible Section builder

The Collapsible Section builder arranges for an additional information section to be displayed (or hidden) when the user clicks a specified area on the page.

Typically an icon called a twistie is added to the clickable area that you specify in the Trigger Location input. This icon (image) displays a collapsed picture when the additional information section is currently being hidden and displays an expanded picture when the section is made visible. The expanded and collapsed state of the section is tracked on the server. Thus, the state is retained during subsequent page loads in the same session. The builder gives a choice of whether to refresh the page when the trigger is clicked and the manner in which it is refreshed.

Use with partial-page refresh

If you use the partial-page refresh option in the Refresh Page input with this builder, ensure that you meet the following requirements.

  • Place the locations specified in the Trigger Location and Expand/Collapse Section Location inputs within the same parent container element.

  • Give the parent container element a name attribute. Giving the parent a name makes it a parsed element.

In the following example, the <div> tag named collapseSection is a valid parent container.

<div name="collapseSection">
   <span name="triggerTag">Click Here</span><p>
   <span name="sectionTag">Here is the section to hide</span>
</div>

Parent topic: Builder help


Library | Support |