Crestron Components Lib - Showcase App

ch5-triggerview: endless

ch5-triggerview endless

The default value is false. The nextChildView method can be called on the last childView to open the first child.

First View

Second View

Third View


<ch5-triggerview id="demo" endless="true"> 
	<ch5-triggerview-child> 
	    <div class="viewcontainer">
	        <h1>First View</h1>
	        <ch5-toggle></ch5-toggle>
	    </div> 
	</ch5-triggerview-child> 
	<ch5-triggerview-child>
	    <div class="viewcontainer">
	        <h1>Second View</h1>
	        <ch5-button size="large" type="info" label="press me"></ch5-button>
	    </div> 
	</ch5-triggerview-child>
	<ch5-triggerview-child>
	    <div class="viewcontainer">
	        <h1>Third View</h1>
	        <ch5-slider></ch5-slider>
	    </div> 
	</ch5-triggerview-child>  
</ch5-triggerview>

<br>

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

endless: false

<ch5-triggerview id="demo2" endless="false"> 
    <ch5-triggerview-child> 
        <ch5-image
            url="https://picsum.photos/700/301/?random">
        </ch5-image> 
    </ch5-triggerview-child > 

    <ch5-triggerview-child> 
        <ch5-image	
            url="https://picsum.photos/700/302/?random">
        </ch5-image> 
    </ch5-triggerview-child >

    <ch5-triggerview-child> 
        <ch5-image
            url="https://picsum.photos/700/303/?random">
        </ch5-image> 
    </ch5-triggerview-child >  
</ch5-triggerview>

<br>


<ch5-button id="prev2" label="prev"></ch5-button>
<ch5-button id="next2" label="next"></ch5-button>