Components
History
Form Canvas
Drag components to build your form
Configuration
No component selected
Select a component to configure
Custom JavaScript
Write custom JavaScript to add dynamic behavior to your form.
Use this.getField('fieldName') to access form fields.
📚 Available Helper Functions
this.getField('name') - Get field valuethis.setField('name', value) - Set field valuethis.hideField('name') - Hide fieldthis.showField('name') - Show fieldthis.disableField('name') - Disable fieldthis.enableField('name') - Enable fieldthis.validateField('name') - Trigger field validationthis.getAllFieldValues() - Get all form valuesCustom CSS
Add custom styles to enhance your form appearance. Use .form-container to target the form.
🎨 CSS Selectors
.form-container - Main form wrapper.form-field - Individual form fields.form-field[data-name="fieldName"] - Specific field.form-section - Form sections.form-submit - Submit button.info-display - Info display componentsForm Events
Configure when your custom scripts should run.
Event Triggers
Script Execution Mode
You have unsaved changes
Are you sure you want to leave? Your changes will be lost.