Color

Color is a gh-element that allows users to select different colors and save them in the application.

Functional Characteristics

The Color element is used to set the color of the items in calendar, sheduling, task board, Google map, filter tabs, and view tabs. It can also be used in online stores to set the color of the product.

Value Format

Color value is a string type data with a hexadecimal code of the selected color.

{
    "field_value": "#ffffff"
}

Color picker

Color picker is an interactive window that allows to select value of the color. It has modes:

• Standard mode contains a set of 20 different colors.

  

• Advanced mode allows to select any color from RGB color wheel and get it hex code.

  

It is available only for Input With Name interpretation type.

More information about color picker in Setting Overview article.

Element Options

Color element has not variety options. You can only configure its field settings.

Field Settings

In field values you can set standard options and default mode.

Advanced mode by default

This option allows to set a default mode of color picker. If it is false, the standard mode will be default. And if has false value, the picker have the advanced mode as a default.

Element Style

Style of the color element can be configures with help of standard options about that you can read in Setting Overview. Also, here you can configure its interpretation. Read more about it below.

Data Model

Color data model contains only two properties.

{
    "data_model":{
        "advanced_mode_by_default": 1,
        "interpretation": []
    }
}

Filtration

Despite that color value is a string, color element supports filtration by only Value filter.

Interpretation

Color has only two interpretation types.

Input With Name

This is a type of interpretation that allows you to display the selected color in a small circle and open an interactive window after clicking on it.

Hex

This interpretation displays the hex code of the selected color and do not allows to edit this value.

Value

Through this type of interpretation, the value of the field is displayed.