Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

The rest of the tabs are for editing the button.

...

Style

...

Key

Description

Example

Background color

Changes the button color

Background hover color

Changes the button color when the cursor is over it

Font color

Changes the text’s color inside of the button

Border color

Changes the button outline color

...

The rest of the tabs are for editing the list.

...

Format

...

Key

Description

Example

Title

Gives the list a name

Display Attribute

Property type displayed for list items

Status Attribute

A property with a boolean value to create active/inactive icons

Tracking Column Name

Makes the used column name track the active list item

Default List Item

Default items selected. The Tracking column name property determines the value

Allow Search

Displays search bar to search a specific item

Allow Filters

Displays and choose filters

...

The rest of the tabs are for editing the gauge appearance.

...

Style

...

Type

Description

Example

Progress Color

Changes the progress bar’s color

Background Color

The gauge’s color

Label

The gauge’s title

...

Key

Description

Example

Unique Style

Overrides the overall style settings to change a specific setting. It is automatically checked when you change a style

HTML ID

Used to target the DOM’s widget elements

Add an ID to the page like this: <div id="myCustomHtmlId">some text </div> and write CSS like this: #myCustomHtmlId{ color: red }

Allow Fullscreen

Makes the widget fullscreen

Rule builder

...

Edit widget window

...

Type

Description

Example

Allow Create

Allows users to define new widget rules

Allow Delete

Allows users to delete rules

Allow Edit

Allows users to modify rules by clicking the rule and going to settings

Allow On/Off

Allows users to enable/disable widget rules

Name

Rule builder label

HTML ID

Used to target the DOM’s widget elements

Add an ID to the page like this: <div id="myCustomHtmlId">some text </div> and write CSS like this: #myCustomHtmlId{ color: red }

Allow Fullscreen

Makes the widget fullscreen

...