# Color Select

## Description:

Color Select

Color Select is a component used for allowing the user to select colors from predefined set of colors. e.g. primary, info, warning, success etc.

### Allowed Parent Components:

1. Card Table Column
2. Col
3. Form

### Allowed Child Components:

1. Popover
2. Pulse
3. Trigger Before Render
4. Trigger On Change
5. Trigger On Click

### Properties

### ➤ Field Label

Allowed Values: An expression which should return string after evaluation

### ➤ Help Text1

Provide some helpful level one text for this field and see how it looks on the UI

Allowed Values: Free text field

### ➤ Help Text2

Provide some helpful level two text for this field and see how it looks on the UI

Allowed Values: Free text field

### ➤ Hide Label

Check this to hide the label

Allowed Values: Yes/No

### ➤ Label Primary

Check to render the label in primary color

Allowed Values: Yes/No

### ➤ Placeholder

Allowed Values: An expression which should return string after evaluation

### ➤ Tool Tip

A message which appears when a cursor is positioned over.

Allowed Values: An expression which should return string after evaluation

### ➤ Tool Tip Position

Select an option to change the placement of the tooltip when appears.

Allowed Values:

1. left
2. right
3. top
4. bottom

### ➤ Insert Allowed

Allowed Values: Yes/No

### ➤ Insert Allowed Condition

Specify an expression to conditionally allow editing this field while creating a new row

Allowed Values: An expression which should return boolean after evaluation

### ➤ Update Allowed

Allowed Values: Yes/No

### ➤ Update Allowed Condition

Specify an expression to conditionally allow editing this field while updating an existing row

Allowed Values: An expression which should return boolean after evaluation

### ➤ Required

Check this to make this field mandatory.

Allowed Values: Yes/No

### ➤ Required Condition

Specify an expression to conditionally make this field mandatory

Allowed Values: An expression which should return boolean after evaluation

### ➤ View Attribute

Allowed Values: Attribute

### ➤ Validate On Commit

Check this to perform validations after commit.

Allowed Values: Yes/No

### ➤ Column Size

Choose 6 for a two column form or 4 for a three column form

Allowed Values: Choose 6 for a two column form or 4 for a three column form

### ➤ Transparent

Check this if you want this field to be displayed without any borders around the input field. Typically used for readonly fields on a grey background.

Allowed Values: Yes/No

### ➤ On Change

Allowed Values: Controller Function


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.cloudio.io/ui-components/widgets/colorselect.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.