Crestron Components Lib - Showcase App

ch5-list: endless

ch5-list: endless

The default value is false.

If false, continued swiping when reaching the end of a list will reveal no items beyond the last.

If true, the first item of the list will virtually follow the last item when reaching the end of the list. Swiping towards the beginning of list will also reveal the last item prior to the first item.

<ch5-list id="demo-list-1"
           size="25"
           orientation="horizontal"
           indexId="idx"
           minWidth="250px"
           maxWidth="500px"
           minHeight="100px"
           maxHeight="150px"
           itemWidth="125px"
           itemHeight="75px"
           scrollbar="true"
           gestureable="true"
           pagedSwipe="true"
           endless="true">
    <template>
        <div class="horizontal-list-item">
            <span>item_{{idx}}</span>
        </div>
    </template>
</ch5-list>

ch5-list: endless

The default value is false.

If false, continued swiping when reaching the end of a list will reveal no items beyond the last.

If true, the first item of the list will virtually follow the last item when reaching the end of the list. Swiping towards the beginning of list will also reveal the last item prior to the first item.


<ch5-list id="demo-list-2"
           size="50"
           orientation="vertical"
           indexId="idx"
           minWidth="150px"
           maxWidth="165px"
           minHeight="300px"
           maxHeight="550px"
           itemWidth="150px"
           itemHeight="75px"
           scrollbar="true"
           gestureable="true"
           pagedSwipe="true"
           endless="true">
    <template>
        <div class="vertical-list-item">
            <span>item_{{idx}}</span>
        </div>
    </template>
</ch5-list>