Schema Fields

Learn more about the different types of Schema fields.

Support avatar
Written by Support
Updated over a week ago

When building your Schema, you can choose from a variety of fields. Each field can be customized to suit your needs.

You might also be interested in the following articles:
How to create/build a Schema
How to customize/edit a Schema field

Basic Fields:

Field group

A Field group is a grouping of related fields that logically fit together. For example, a Person field group with an individual field for First name, Last name, and Email address.

Select

A drop-down component from which you can select one or more options. You can also specify single or multi-select.

Radio

An HTML5 radio field where you can have multiple options but only one can be selected at a time, for example, multiple-choice.

True / False

A boolean field where a switch is used to toggle to true/false.

Checkbox

Is a form checkbox that can be used to enable or select an option.

Switch

Is similar to the True/False field but the storage of information differs. It gets stored as Yes or No.

Date

The date field is a date selector component. The user can select a date from a calendar widget. Additionally, they can also specify the date format in which to display the selected date. The "Default Value" can be left empty to default to today's date.

Time

Is a time selector component. The "Default Value" can be left empty to default to the current time.

Date Time Local

Is an HTML5 form input. Uses the default date and time selector of your browser and stores the data in a universal format. You can also set the date and time display format.
NOTE: Seeing as browser support is still very limited for the date-time local input field, results may vary and it might be better to use 2 separate fields for date and time.

Color Picker

The color selector allows you to specify colors using hex or RGB notation and optionally allows you to select an opacity (alpha) level. You also have the option to select from the pre-defined colors as 'quick-picks'.

Text

HTML5 version of a text field. Any string value can be entered.

Textarea

An HTML5 element. A text area with multiline text.

WYSIWYG

Uses Facebook's DraftJS WYSIWYG functionality.

WYSIWYG (CK Editor)

Provides for an expanding input field and extra formatting options, similar to the DraftJS one, but using CK Editor.

Markdown Editor

Add and store content in markdown format.

Media

The media field can be used for any file or image uploads. Set the type of files as well as limit the number of files that can be selected.

Number

An HTML5 number field. Only accepts numbers. You can specify the number of decimal places.

Range

Select a value between a predefined range (minimum and maximum) of values. Additionally, set the step size if you need the values to be multiples of 10 for instance. For convenience, you can set a unit of measure that will be displayed in the content editor.

Email

Is a standard HTML5 email field.

Password

HTML5 field with type password. Disguises the input visually but stores it in the database in plain text.

Advanced Fields:

Location

Uses the Google places API. You can do a word search on the location and will then be given the latitude and longitude coordinates.
NOTE: You will need to specify a Google Maps API Key to use this field.

Linked text

Links to another text field or any field that uses text-like data. If changes are made to the "watched" field, the value of the Linked text field will automatically update. The linked text field can be given a transformation function that will receive the "watched" field's value as input and produce its own transformed output. Optionally set whether the linked text field can be manually overwritten or whether it is read-only based on the "watched" field's value.
Example: This can be very useful for creating a "slug" for blog posts: "This is my blog post title" => "this-is-my-blog-post-title".

Tag

You can enter a list of keywords to be used as tags for an entry. Similar to a hashtag.

Select (Relational)

A drop-down selector to create a relationship between schemas. Relationships can be created to a single entry or to multiple entries. Specify the "Relational Data" (the Schema) you want to create the relationship for. You can even create relationships between entries of the same schema! Conveniently select which fields to display in the content editor for each relationship.
NOTE: The entry IDs for each relationship is stored in the database. Use the populate functionality of our SDK's to resolve these relationships into the full content objects.

Tree (Relational)

Checkbox select parent to child relationships between multiple nested content types. Set the same relationship options as the "Select (Relational)" field.

Repeater

Group of fields that can infinitely be repeated.
Choose between a Table or List layout for each row of content.

Field Templates:

For convenience, a handful of predefined field templates are available to quickly get you started with your schema setup.

SEO (Search Engine Optimisation)

Allows you to place in custom information into your site to allow your site to be optimized for Search Engines.

Image Deck

Allows you to add a list of images.

Blog

Allows you to easily set up a blog post.

Did this answer your question?