Field types

To provide users the possibility of creating content multiple field types exits. Form fields can be used in json format, what is used for the settings forms of page templates, or forms of list item types.

text field type

{
	type: "text",
	name: "title",
	title: "Title of the page"
}

multiline text field type

{
	type: "textarea",
	name: "description",
	title: "Description of the page"
}

number field type

{
	type: "number",
	name: "number_field",
	title: "A number field"
}

mail field type

{
	type: "mail",
	name: "email",
	title: "A Mail"
}

select field type

{
	name: "icon",
	title: "Icon",
	type: "select",
	options: {
		choices: [
			{ label: "Bullseye", value: "bi-bullseye" },
			{ label: "Command", value: "bi-command" },
			{ label: "Bar Chart", value: "bi-bar-chart" }
		]
	}
} 

radio field type

{
	type: "radio",
	name: "choose_color",
	title: "Choose the color",
	options: {
		choices: [
			{ label: "Red", value: "red" },
			{ label: "Green", value: "green" },
			{ label: "Blue", value: "blue" }
		]
	}
}

range field type

{
	type: "range",
	name: "range_test",
	title: "RangField",
	options: {
		min: 1,
		max: 100,
		step: 1
	}
}

markdown field type

{
	type: "markdown",
	name: "some_content",
	title: "A markdown field"
}

color field type

{
	type: "color",
	name: "background_color",
	title: "Background Color"
}

date field type

{
	type: "date",
	name: "date_field",
	title: "A date field"
}

datetime field type

{
	type: "datetime",
	name: "datetime_field",
	title: "Date & time field"
}

media field type

{
	type: "media",
	name: "media_url",
	title: "Media"
}

checkbox field type

{
	name: "features",
	title: "Select feature",
	type: "checkbox",
	options: {
		choices: [
			{ label: "Search", value: "search" },
			{ label: "Filter", value: "filter" },
			{ label: "Export", value: "export" }
		]
	}
}

divider field type

{
	type: "divider",
	name: "divider",
	title: "Custom attributes",
}

list field type

{
	name: "object.values",
	title: "Objekt-Liste",
	type: "list"
}

reference field

{
	type: "reference",
	name: "linked_page",
	title: "A page to link to"
}

tags field

{
	type: "tags",
	name: "taxonomy.tags",
	title: "Tags",
	options: {
		taxonomy: "tags"
	}
}