Crestron Components Lib - Showcase App

ch5-triggerview: select

ch5-triggerview select

Initiated when a visible item changes.

Open the browser console to confirm the result of a JavaScript event handler when the visible item is changed.

First View

Second View

Third View


<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>
        <div class="viewcontent">
            <h1>Third View</h1>
        </div>
    </ch5-triggerview-child>
</ch5-triggerview>

<br>

<ch5-button type="secondary" id="prev" label="prev"></ch5-button>
<ch5-button type="secondary" id="next" label="next"></ch5-button>