IViewToggleOpen, IViewToggleClose

Creates a link to hide or display the iView's contents.

The link for hiding the contents is only displayed if the contents are currently displayed. The link for displaying the contents is only displayed if the contents are currently hidden.

Attributes

anchorAttributes (optional):

Additional attributes that should be added to the HTML link. All typical attributes are allowed except href.

Coordinating Tags

The tag must be nested in the following tag:

containerWithTrayDesign

Example

The following creates a container with a custom tray that displays the iView's title at the top, and a set of links for invoking built-in tray functions.

Note that, depending on visibility of the iView’s content, either the Open or Close link is displayed, and only one separator is written for both tags.

Example Example

<lyt:containerWithTrayDesign id="column1">
    <h3><lyt:IViewTitle/></h3>
    <div class="ivuOptions">
        <lyt:IViewToggleOpen anchorAttributes="class='ivuToggleOpen'">
            Open
        </lyt:IViewToggleOpen>  
        <lyt:IViewToggleClose anchorAttributes="class='ivuToggleOpen'">
            Close
        </lyt:IViewToggleClose> | 
        <lyt:IViewExpand>Open in New Window</lyt:IViewExpand> |
        <lyt:IViewRefresh>Refresh</lyt:IViewRefresh> |
        <lyt:IViewAbout>About</lyt:IViewAbout> |
        <lyt:IViewHelp>Help</lyt:IViewHelp> |
        <lyt:IViewRemove>Remove</lyt:IViewRemove> |
        <lyt:IViewPersonalize>Personalize</lyt:IViewPersonalize>
    </div>
    <div class="ivuContent">
        <lyt:IViewContent/>
    </div>

</lyt:containerWithTrayDesign>

End of the code.