Built-In Property Editors
Following is a list of built-in property editors available and their value formats.
Text Input
![text.png 700](https://files.readme.io/082edfa-text.png)
Widget
text
Default Value
String
Rich Text Input
![richtextarea.png 776](https://files.readme.io/6977c61-richtextarea.png)
Widget
rich_text
Default Value
String
HTML Input
![html.png 730](https://files.readme.io/0935705-html.png)
Widget
html
Default Value
String
Color Picker
![color.png 706](https://files.readme.io/66bd354-color.png)
Widget
color_picker
Default Value
String
Valid Values
- HEX Format
#FFF000
- RGB Format
rgba(0,0,0,0.5)
Text Alignment
![align.png 690](https://files.readme.io/cc13b39-align.png)
Widget
alignment
Default Value
String
Valid Values
left
center
right
Font Family
![Screenshot 2020-04-18 21.41.41.png 664](https://files.readme.io/2fa2472-Screenshot_2020-04-18_21.41.41.png)
Widget
font_family
Default Value
JSON
Valid Value
{
label: 'Arial',
value: 'arial,helvetica,sans-serif'
}
Border
![border.png 698](https://files.readme.io/3f960eb-border.png)
Widget
border
Default Value
JSON
Valid Value
{
borderTopWidth: "0px",
borderTopStyle: "solid",
borderTopColor: "#CCC",
borderLeftWidth: "0px",
borderLeftStyle: "solid",
borderLeftColor: "#CCC",
borderRightWidth: "0px",
borderRightStyle: "solid",
borderRightColor: "#CCC",
borderBottomWidth: "0px",
borderBottomStyle: "solid",
borderBottomColor: "#CCC"
}
Counter
![counter.png 348](https://files.readme.io/945f83c-counter.png)
Widget
counter
Default Value
String
Example Values
10
25
50
etc
Image Uploader
![image.png 702](https://files.readme.io/e2432d7-image.png)
Widget
image
Default Value
JSON
Valid Value
{
url: "http://via.placeholder.com/350x150"
}
Toggle
![toggle.png 390](https://files.readme.io/8b34f06-toggle.png)
Widget
toggle
Default Value
Boolean
Valid Values
true
false
Link
![Screenshot 2020-05-05 15.03.06.png 408](https://files.readme.io/a5da021-Screenshot_2020-05-05_15.03.06.png)
Widget
link
Default Value
JSON
Valid Values
{
name: 'web',
values: {
href: 'http://google.com',
target: '_blank'
}
}
Return Value
{
url: 'http://google.com',
target: '_blank'
}
Dropdown
![dropdown.png 710](https://files.readme.io/6cfc8b9-dropdown.png)
Widget
dropdown
Dropdown Options
The dropdown editor needs options to be passed as data. Learn more at: Passing Data to Property Editors
Date / Time
![Screen Shot 2022-01-10 at 4.34.14 PM.png 614](https://files.readme.io/a2f13b2-Screen_Shot_2022-01-10_at_4.34.14_PM.png)
Widget
datetime
Default Value
String
Widget Params
hideTime (boolean)
hideCalendar (boolean)
format (string)
Custom Editors
If you want to build a custom property editor for advanced use cases, you can do that with our JavaScript API.
Updated 7 months ago
What’s Next