Dialog Editor

WIDGETS
Text
Divider
Spacer
Image
Text Input
Number
Dropdown
Radio Group
Checkbox
Date/Time
Slider
Multi-Line Text
File Upload
Lookup
Data Field
Configuration
Fractional Row
Link
Button Row
Form Container
List Container
Drag List
Block
Filter Editor
Sort Editor
Column Visibility
TEMPLATES
🗑️
Drop to Delete
Select an item on the canvas
or click empty space for dialog settings
header
content
Dialog Configurations
GENERAL
Default Max Height (px)
Border Weight (px)
Border Color
Border Radius (px)
Shadow Blur (px)
Shadow Color
Background Color
Overlay Color
HEADER + FOOTER
Header Height (px)
Footer Height (px)
Header/Footer Background Color
Header/Footer Border Weight (px)
Header/Footer Border Color
Header Horizontal Padding (px)
Header Vertical Padding (px)
Footer Horizontal Padding (px)
Footer Vertical Padding (px)
CONTENT
Content Background Color
Content Horizontal Padding (px)
Content Vertical Padding (px)
DIVIDER
Divider Weight (px)
Divider Color
ITEMS
Item Vertical Spacing (px)
Item Label Font
Item Data Font
Item Label Alignment
Item Label Width (px)
Label to Data Spacing (px)
Required Indicator
Required Indicator Color
Input Height (px)
Input Padding (px)
Input Background Color
Input Border Color
Input Border Weight (px)
Input Border Radius (px)
Input Focus Border Color
Input Placeholder Color
Input Disabled Opacity
BUTTONS
Button Height (px)
Button Spacing (px)
OTHER
Error Border Color
Error Background Color
Error Message Color
Animation Duration (ms)
Transition Duration (ms)
Focus Outline Color
FONT TYPES
Dialog Title
Font Size (px)
Font Weight
Text Color
Dialog Body
Font Size (px)
Font Weight
Text Color
Dialog Text Link
Font Size (px)
Font Weight
Text Color
Dialog Label
Font Size (px)
Font Weight
Text Color
Dialog Caption
Font Size (px)
Font Weight
Text Color
Export JSON
Import JSON
Paste exported popup JSON below. This will replace the current canvas.
Save as Template