{{ getComponentDescription(component.type) }}
Basic information and identification for this field
Control how this field appears in your form
Settings specific to this type of field
Common patterns:
{{ getIframeUrlPreview() }}
Write JavaScript code to execute when this button is clicked. You can access form data and perform actions.
This is a container component. Drag and drop fields into it in the form builder to create the repeating group structure. Each field you add will be repeated for every group item.
{{ configModel.children?.length || 0 }} field(s) in this repeating group
Components in this section: {{ (configModel.children || []).length }}
Drag form components into the section to group them here
No components in this section
Drag components from the sidebar into the section area
this.getValue('fieldName') and this.setValue('fieldName', value) to interact with form fields.
this.element to access the component, and the helper functions for form interaction. Scripts run in {{ configModel.previewMode === 'safe' ? 'Safe Mode (disabled)' : 'Advanced Mode' }}.
No HTML content to preview
Switch to the HTML tab to start coding
Custom HTML components can contain arbitrary code. In Safe Mode, scripts and event handlers are disabled. Use Advanced Mode only with trusted content and enable "Allow Scripts" carefully.
Configure the information that will be displayed
{{ field.type === 'button' ? 'Button Field' : 'Text Field' }}
Add fields to display information to your users
Configure the options users can choose from
Set rules to ensure users enter valid information
Show, hide, or disable this field based on other field values
No conditions set. Add a condition to get started.
This JavaScript will be automatically executed to handle the conditional logic