Current theme name:

Please select the GUI Theme you wish to use:

NOTE: The GUIComposer Designer must be restarted to pick up a new theme.

 

Paper Widgets
Jump to TI Widgets...

 

Buttons

Default Primary Secondary Success Info Warning Error Link
Default Primary Secondary Success Info Warning Error Link
Default Primary Secondary Success Info Warning Error Link

Action Buttons

Big action button
 
Small action button
 

Icon Buttons

icon buttons
ripple fill
disabled
toggles

Radio Buttons

Radio button
 
Radio button (toggles)
 

Radio Button Group

Keep Wi-Fi on during sleep



Toggle Buttons

Wi-Fi
 
Bluetooth
 

Checkboxes

Checkbox on the left
Checkbox on the right

Dropdown Menus







Text Inputs

Simple






Validation

Click to validate


Auto-growing

Sliders

Basic




Secondary Progress




Editable




Pin




Snap5

Progress Bars

Start


Spinners

Styled
 

Default
 

Notifications

Discard Draft Get Messages Send Message

Tabs

A. No ink effect and no sliding bar

ITEM ONE ITEM TWO ITEM THREE

B. The bar slides to the selected tab

ITEM ONE ITEM TWO ITEM THREE

C. Inky Tabs

ITEM ONE ITEM TWO ITEM THREE

ITEM ONE ITEM TWO ITEM THREE

Menu Buttons

Menu Items

Item 1 Item 2 Item 3

Dialogs

Plain

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Titled

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Actions

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

More... Decline Accept
Modal

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Okay

 

TI Widgets
Jump to Paper Widgets...

 

ti-widget-menubar

 

ti-widget-button

Default Primary Secondary Success Info Warning Error Link
Default Primary Secondary Success Info Warning Error Link
Default Primary Secondary Success Info Warning Error Link

 

ti-widget-bitfield-header

 

ti-widget-checkbox


 

ti-widget-container


200px x 200px container:

 

ti-widget-droplist

 

ti-widget-image

 

ti-widget-label

 

ti-widget-multiimage

 

ti-widget-numberbox

Max value: 100, Min Value: -100, 2 decimal places

 

ti-widget-slider

 

ti-widget-spinner

Max value: 100, Min Value: -100

 

ti-widget-textbox


 

ti-widget-propertygrid

ti-widget-filesview:

ti-widget-dial and ti-widget-analoggauge:

Note: currently the dial requires absolute positioning for the dial to receive mouse input correctly.

 

 

ti-widget-registerview

 

ti-widget-statusbar

statusbar progress: Start

 

Status string demo:

 

    Submit
    Submit
    Submit

 

statusbar icon: