---
title: "Field Types"
slug: "field-types"
updated: 2026-07-24T10:34:24Z
published: 2026-07-24T10:34:24Z
canonical: "support.dise.com/field-types"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://support.dise.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Field types

Optional fields are marked with a *

### Text

The *text* field is an ordinary single-line text box:

![](https://cdn.document360.io/b18b81f9-f0ab-453e-8933-1b71091f98f7/Images/Documentation/image-1752661501203.png?sv=2026-02-06&spr=https&st=2026-11-12T21%3A14%3A12Z&se=2026-11-12T22%3A14%3A12Z&sr=c&sp=r&sig=9%2FlPkjMHeBDA%2BA57UqGXysUTuWBzC6re9g6pkEsqGXg%3D)

```json
{
  "type": "text",
  "key": String,
  "caption": String,
  "default": String, *
  "required": Boolean *
}
```

### Text Area

The textarea field is an ordinary multi-line text box:

![](https://cdn.document360.io/b18b81f9-f0ab-453e-8933-1b71091f98f7/Images/Documentation/image-1752672630796.png?sv=2026-02-06&spr=https&st=2026-11-12T21%3A14%3A12Z&se=2026-11-12T22%3A14%3A12Z&sr=c&sp=r&sig=9%2FlPkjMHeBDA%2BA57UqGXysUTuWBzC6re9g6pkEsqGXg%3D)

```json
{
  "type": "textarea",
  "key": String, 
  "caption": String,
  "default": String, *
  "required": Boolean *
}
```

### Content

The content field type is a file picker, where the user can either upload a new file or choose an existing file from the content library.

Default can only be used with predefined contents but **path** will be created if it does not exist. Note that either **content** or **default** is required.

All paths in options are relative to the template's contentBasePath.

![](https://cdn.document360.io/b18b81f9-f0ab-453e-8933-1b71091f98f7/Images/Documentation/image-1752673910891.png?sv=2026-02-06&spr=https&st=2026-11-12T21%3A14%3A12Z&se=2026-11-12T22%3A14%3A12Z&sr=c&sp=r&sig=9%2FlPkjMHeBDA%2BA57UqGXysUTuWBzC6re9g6pkEsqGXg%3D)

```json
{
  "type": "content",
  "key": String,
  "caption": String,
  "mediaType": "video/mp4, video/webm, image/jpg, image/jpeg, image/png, image/webp",
  "options": [
    {
      "path": "backgrounds" 
    },
    {
      "content": "logos/store.jpg"
    }
  ],
  "default": "logos/store.jpg", *
  "defaultId": "xxxxxx", *
  "required": Boolean *
}
```

### Checkbox

The checkbox field is a simple boolean toggle switch:

![](https://cdn.document360.io/b18b81f9-f0ab-453e-8933-1b71091f98f7/Images/Documentation/image-1752661538752.png?sv=2026-02-06&spr=https&st=2026-11-12T21%3A14%3A12Z&se=2026-11-12T22%3A14%3A12Z&sr=c&sp=r&sig=9%2FlPkjMHeBDA%2BA57UqGXysUTuWBzC6re9g6pkEsqGXg%3D)

```json
{
  "type": "checkbox",
  "key":  String,
  "caption": String,
  "default": Boolean, *
}
```

### Select

The select field type is a list of multiple choices where one option can be selected. (key = value shown in editor and value = property value received by the template).

![](https://cdn.document360.io/b18b81f9-f0ab-453e-8933-1b71091f98f7/Images/Documentation/image-1752672946699.png?sv=2026-02-06&spr=https&st=2026-11-12T21%3A14%3A12Z&se=2026-11-12T22%3A14%3A12Z&sr=c&sp=r&sig=9%2FlPkjMHeBDA%2BA57UqGXysUTuWBzC6re9g6pkEsqGXg%3D)

```json
{
  "type": "select",
  "key": String,
  "caption": String,
  "options": [
    { "key": String, "value": String }
  ],
  "default": String, *
  "required": Boolean *
}
```

### Section

Sections provide a way to visually group related fields into expandable/collapsable sections, sometimes refered to as an "accordion". Using sections can significantly improve the user experience when a template has a lot of fields.

Sections always start out collapsed; the user needs to click each section to expand it.

Nested sections are supported.

![](https://cdn.document360.io/b18b81f9-f0ab-453e-8933-1b71091f98f7/Images/Documentation/image-1752673392248.png?sv=2026-02-06&spr=https&st=2026-11-12T21%3A14%3A12Z&se=2026-11-12T22%3A14%3A12Z&sr=c&sp=r&sig=9%2FlPkjMHeBDA%2BA57UqGXysUTuWBzC6re9g6pkEsqGXg%3D)

```json
{
    "type": "section",
    "key": "options",
    "caption": "More options",
    "children": [
        {
            "type": "text",
            "key": "option1",
            "caption": "Option 1"
        },
        {
            "type": "text",
            "key": "option2",
            "caption": "Option 2"
        }
    ]
}
```

### Color

The color field is a color picker with an optional palette. Color data can be hex or rgb/rgba, the custom color picker will always output as a rgba value.

A **default** color can be defined and **options** can be used to pre-define a palette.

![](https://cdn.document360.io/b18b81f9-f0ab-453e-8933-1b71091f98f7/Images/Documentation/color_field.png?sv=2026-02-06&spr=https&st=2026-11-12T21%3A14%3A12Z&se=2026-11-12T22%3A14%3A12Z&sr=c&sp=r&sig=9%2FlPkjMHeBDA%2BA57UqGXysUTuWBzC6re9g6pkEsqGXg%3D)

```json
{
    "type": "color",
    "key": String,
    "caption": String,
    "options": [
        "#ffffff",
        "#000000"
    ],
    "default": "rgba(0,0,0,0)"
}
```

###