Crestron Components Lib - Showcase App

ch5-triggerview: setActiveViewChild

ch5-triggerview setActiveViewChild

Shows the child based on a viewChild component.

Clicking on the "setActiveViewChild" button will change the active view to the third child.
( See JS tab )

First View

Second View

Third View


<p>Clicking on the "setActiveViewChild" button will change the active view to the third child. <br>( See JS tab )</p>

<ch5-triggerview id="demo"> 
    <ch5-triggerview-child>
        <div class="viewcontent">
            <h1>First View</h1>
        </div>
    </ch5-triggerview-child> 
    <ch5-triggerview-child>
        <div class="viewcontent">
            <h1>Second View</h1>
        </div>
    </ch5-triggerview-child>
    <ch5-triggerview-child id="third-child">
        <div class="viewcontent">
            <h1>Third View</h1>
        </div>
    </ch5-triggerview-child>
</ch5-triggerview>

<br>
<ch5-button id="button" label="setActiveViewChild"></ch5-button>