Color-picker widget

The color-picker widget enables user to select a color.

Property

Property

Description

Data type

context

JSONClosed containing the properties that define the visual appearance of the item, as described in Context properties.

string (JSON)

id

Unique identifier of this widget.

string

type Rich-media type, which is always InputGroup. string

Context properties

Context property

Description

Data type

selectedOutlineColor

Selected option outline color, as a hex color code.

string (hex color code)

Code sample

var obj = {
    "widgetType": "form",
    "nodes": [{
            "id": "widget1",
            "controls": {
                "0": {
                    "type": "InputGroup",
                    "id": "input5",
                    "inputGroupText": "@",
                    "placeholder": "name",
                    "event": {
                        "name": "eventinputchange"
                    },
                    "validation": {
                        "required": {
                            "value": true,
                            "error": "Name is required"
                        }
                    }
                }
            }
        }
    ]
}