Style

The Style control allows the use of an external CSS file to change the appearance of Coaches.

Two main reasons to use the Style control:

1.  For convenience - you can specify styles at the Coach Page level with a CSS file

2.  If you have more than one entry, you can switch between themes using the setTheme (String theme) method to change styles during runtime

When multiple Coaches need the same styling, using the Style control makes changing the look of Coaches a breeze and provides an additional convenience for developers.

Configuration

Style Sets the list of style specifications associated with this control

Css file File that contains CSS, see below on how to add files to managed files

Css type Web, External, Server, Design

App acronym Acronym for the app/toolkit containing the css file (Optional. If not provided defaults to current app/toolkit. Not needed for External)

Theme name Name of theme

Example

These are the configuration option settings...

The Well section is holding the Image and Decimal controls, the Style control will manipulate how the Well looks.

The Well has a HTML Attribute of CSS1a, this is how the Style control will change the appearance of the Well.

This is the CSS...

body {

    background: white;
}

.CSS1a div {
    background: rgb(51, 102, 153);
    border-radius: 10px;
    padding: 15px 20px 15px 20px
}

This is the result...

The Style control gives the Well section a layered look.

How to Add Files to Managed Files

1.  Click the plus (+) sign next to 'Files' and select 'Web File'
2. Click 'Browse' and select desired file, once done you should see the file in the Web File list

Methods

For detailed information on the available methods for this control, access the JS Doc file.

 

• Author: Courtney Silva
• Date Created: June 29, 2015
• Date Modified: September 11, 2015