Crestron Components Lib - Showcase App

ch5-button-list: centerItems

centerItems attribute

The default value is false.

centerItems attribute sets the buttons in the list to be center aligned

NOTE: When width/height of the buttons in the list is more than the container width/height, then centerItems is set to false. If Stretch attribute is set to both then stretch attribute will take more priority than centerItems attribute.

<h5>Orientation horizontal - buttons aligned horizontally</h5>
<div style="border:3px dotted green;">
		<ch5-button-list
				numberOfItems="3"
				buttonType="success"
				centerItems >
				<ch5-button-list-label>
						<template>
								center-aligned
						</template>
				</ch5-button-list-label>
		</ch5-button-list>
</div>
<br/>
<br/>
<h5>Orientation vertical - buttons aligned vertically</h5>
<div style="border:3px dotted green; height:280px;">
		<ch5-button-list
				orientation="vertical"
				numberOfItems="3"
				buttonType="warning"
				centerItems >
				<ch5-button-list-label>
						<template>
								center-aligned
						</template>
				</ch5-button-list-label>
		</ch5-button-list>
</div>
Orientation horizontal - buttons aligned horizontally


Orientation vertical - buttons aligned vertically