Readme

Styling
- Sass variables
- CSS classes
Types
Sizes
Shapes
Stretch related
Icon related
Iconurl related
Label related
Orientation
Selected
Send Events on Click, on Touch
Events
(common) Disabled/enable
(common) Custom Class
(common) Custom Style
(common) show/hide
Gestureable Container

Styling
- Sass variables
- CSS classes
orientation
size
dimensions
endless
bufferAmount
pagedSwipe
receiveStateScrollTo
receiveStateSize
receiveStateTemplateVars
Common
- Disabled / Enabled

Ch5 Custom Attributes

data-ch5-show
data-ch5-showpulse / hidepulse
data-ch5-textcontent
data-ch5-innerhtml
data-ch5-appendstyle
data-ch5-appendclass

Ch5 Utility Functions

textformat
subscribeStateScript
unsubscribeStateScript
getState
subscribeState
unsubscribeState
publishEvent
subscribeInViewPortChange

Ch5 Component Configuration

attributes
template variables ch5-list
template variables ch5-select

Styling
- Sass variables
- CSS classes
Attributes
- url
- alt
- width
- height
- refreshRate
Receive State Attributes
- receiveStateUrl
Authentication
- Authentication
Send Event Attributes
Events
- click
- press
- release
- error
Common
- Disabled / Enabled

Ch5 Import HtmlSnippet

Attributes
- url
Events
- afterLoad
Receive States
Send Events
- sendEventOnShow

Styling
- Sass variables
- CSS classes
Dimensions
Mode
Template processing
receiveStateSize, receiveStateTemplateVars
Single selection
Multi selection
Methods
Events

Styling
- Sass variables
- CSS classes
Attributes
- label
- label on/off
- icon on/off
- handleShape
- orientation
- value
Received Signal Attributes
- receiveStateValue
- receiveStateScriptLabelHTML
Send Event Attributes
- sendEventOnClick
Events
- change
- click
- focus | blur
- dirty
Methods
- submit
- reset
- getDirty

Ch5 Overlay Panel

Styling
- Sass variables
- CSS classes
Attributes
Send Events
- send events
Receive States
- receiveStatePositionTo
- receiveStatePositionOffset
Events
Inherited (common)

Ch5 Modal Dialog

Styling
- Sass variables
- CSS classes
Attributes
Send Events
- send events
Events
Inherited (common)

Styling
- Sass variables
- CSS classes
Attributes
- handleShape
- range
- value
- noHandle
- valueHigh
- min | max
- orientation
- size
- handleSize
- step
- stretch
- ticks
- showTickValues
- toolTipShowType
- toolTipDisplayType
- tapSettable
SEND EVENT ATTRIBUTES
- sendEventOnChange
- sendEventOnChangeHigh
RECEIVE STATE ATTRIBUTES
- receiveStateValue
- receiveStateValueHigh
Events
Methods
- submit
- reset
- getDirty

Ch5 TriggerView

Styling
- Sass variables
- CSS classes
Attributes
SEND EVENT ATTRIBUTES
- sendSignalShowChildIndex
RECEIVE STATE ATTRIBUTES
- receiveStateShowChildIndex
Events
- select
Methods

Ch5 TriggerViewChild

SEND EVENT ATTRIBUTES
- sendEventOnShow
RECEIVE STATE ATTRIBUTES
- receiveStateShow

Validation messages
Send and Receive signals
Context Pairs
Ch5-template inside other templates
Ch5-template inside ch5-components
Ch5-components inside ch5-template

Styling
- Sass variables
- CSS classes
Attributes
Receive State Attributes
- receiveStateFocus
- receiveStateValue
Send Event Attributes
Custom Event
- change
- validitychange
- keypress
- dirty
Common
- Disabled / Enabled

Attributes

Styling
- Sass variables
- CSS classes
Attributes
Events
- focus/blur/change/dirty
Receive State Attributes
Send Event Attributes
Methods
- submit

Join Numbers as Signal Names

Utility functions
receiveState* attributes
data-ch5-* attributes
Variable number of signals

Playground

Multi Language Support

Language Change

Crestron Components Lib - Showcase App

ch5-image: alt

Alt attribute

Alternative text to be shown for image.

Preview

HTML
JS
CSS

<ch5-image
    alt="Backyard image">
</ch5-image>

Execute JS before HTML