Crestron Components Lib - Showcase App

ch5-text: horizontalAlignment

horizontalAlignment attribute

Possible values are center (default) , left, right.
Sets the text horizontally aligned to the container.

HTML
JS
CSS

<p><b>horizontalAlignment="center"</b> (default): Sets text to the center of the container</p>

<ch5-text 
	 horizontalAlignment="center"
	 label="horizontally aligned center">
</ch5-text>

<hr />

<p><b>horizontalAlignment="left"</b>: Sets text to the left of the container</p>
<ch5-text 
	 horizontalAlignment="left"
	 label="horizontally aligned left">
</ch5-text>

<hr />

<p><b>horizontalAlignment="right"</b>: Sets text to the right of the container</p>
<ch5-text 
	 horizontalAlignment="right" 
	 label="horizontally aligned right">
</ch5-text>

.ch5-text {
		border: 1px dashed;
		width: 300px;
}

Execute JS before HTML

Preview

horizontalAlignment="center" (default): Sets text to the center of the container

horizontalAlignment="left": Sets text to the left of the container

horizontalAlignment="right": Sets text to the right of the container