Crestron Components Lib - Showcase App

ch5-slider: stretch

ch5-slider stretch

Valid Values: width, height, both. When stretch property is set, the slider inherits the width or/and height of the container.

Default both.

<div style="height:150px">
    <ch5-slider
        stretch="both" 
        value="20000"> 
    </ch5-slider>
</div>

orientation vertical

<div style="height:350px">
    <ch5-slider
        stretch="both" 
        orientation="vertical" 
        value="20000"> 
    </ch5-slider>
</div>

stretch width, orientation horizontal

<ch5-slider 
    stretch="width"
> 
</ch5-slider>

stretch height, orientation horizontal

<div style="height:150px">
    <ch5-slider 
        value="20000"
        stretch="height"> 
    </ch5-slider>
</div>

stretch width, orientation vertical

<ch5-slider 
    orientation="vertical"
    value="20000"
    stretch="width"> 
</ch5-slider>

stretch height, orientation vertical

<div style="height:350px">
    <ch5-slider 
        orientation="vertical"
        value="20000"
        stretch="height"> 
    </ch5-slider>
</div>