CH5 Components

An overview of each CH5 component is described below. Click the component name for more information on that particular component.

  • Common Attributes: Attributes that are common to all CH5 components
  • ch5-animation-object: A theme-based object that supports variable frame rates and automatic playback at runtime.
  • ch5-background: Provides much of the same functionality as the HTML <background> element, but works with the ch5-video component to make portions of the screen invisible to allow the video to be shown
  • ch5-button: An extension to the standard HTML <button> element with icons and simple formats
  • ch5-button-list: Contains a collection of buttons that can be used within a CH5 project.
  • ch5-color-chip: Provides additional feedback for an RGB color combination (potentially from <ch5-color-picker>), but can be any source of Red, Green and Blue values. Also acts as a simple, flat color image that can be selected by a user and provides a digital join to a control system to indicate it has been selected.
  • ch5-color-picker (Beta): A widget that allows users to view and select full 24-bit range of colors similar to the controls provided in image editing software.
  • ch5-dpad: Consists of top, bottom, left, right, and center buttons arranged in a grid.
  • ch5-datetime: Provides a controllable widget that displays date and time information that is pushed from a connected control system.
  • ch5-form: Provides a container for which input-based components can be grouped together to send signals upon a submit button press or to revert to their received signal values upon a cancel button press
  • ch5-image: A component used to load images, primarily from a security camera on a polled basis (The standard <img> HTML tag can still be used.)
  • ch5-import-htmlsnippet: Used to load HTML snippets during run time
  • ch5-html-div: A container component that wraps the native HTML <div> element and applies the .ch5-html-div CSS class to the container.
  • ch5-keypad: A flexible numeric keypad that always displays numbers 0 through 9 (along with the * and # symbols) like a standard telephone
  • ch5-jointotext-boolean: Provides a join-to-text function for Boolean/digital joins
  • ch5-jointotext-numeric: Provides a join-to-text function for numeric/analog joins
  • ch5-jointotext-string: Provides a join-to-text function for string/serial joins
  • ch5-list: Used to display a list of items
  • ch5-media-player: Provides a standard music playback solution (audio only) for CH5 and Crestron Construct projects
  • ch5-modal-dialog: A special-case instance of an overlay panel that is used to display dialog boxes and user prompts
  • ch5-overlay-panel: Provides a content container for other components that are displayed on top of and overlay the main content container
  • ch5-qrcode: Provides a programmable control used to store alphanumeric data in a QR image as implemented by the designer
  • ch5-segmented-gauge: Displays feedback from an analog join by scaling the analog value on a touch screen instead of via control system programming.
  • ch5-select: Enables the user to select one or more selections from a list of items
  • ch5-select-option: Provides signals and events on a per-item relationship of its select component container
  • ch5-signal-level-gauge: Displays a signal level using feedback from an analog join that is represented by bars using a predefined scale. Also used to scale an analog value on a touch screen without requiring any control system programming.
  • ch5-slider: Enables the user to provide input by dragging a handle to set a value
  • ch5-spinner: Allows a user to select one or more choices from a list of option using a spinner representation
  • ch5-subpage-reference-list: Contains a collection of widgets that can be used within a CH5 project.
  • ch5-tab-button: Contains a group of buttons that are aligned to create a column of tabbed buttons.
  • ch5-template: Creates new instances of the user-provided template and allows substitution of event and state names where indicated by the integrator
  • ch5-text: Provides methods for displaying advanced text within a CH5 project.
  • ch5-textinput: An extension of the <input> HTML element that allows the user enter text input into a field
  • ch5-toggle: Shown as a two-state switch that enables transitioning between states (such as enabled and disabled) with the functionality of a HTML <checkbox> type input element
  • ch5-triggerview: A container component used to group content
  • ch5-video: Provides a view onto a streaming video window
  • ch5-video-switcher: Combines a scrolling list with drag-and-drop functionality that is geared toward controlling video sources in a switcher matrix
  • ch5-wifi-signal-level-gauge: Displays feedback from an analog join that indicates the current Wi‑Fi® network signal strength.