Forms¶
Ripple supports Drupal Webform.
All backend Drupal webforms in Ripple frontend are rendered dynamically using Vue Form Generator (VFG).
Note
Only limited set functionality is currently supported. See "Support status" column.
Configuration¶
| Webform field | Support status | VFG form field |
|---|---|---|
#title |
IMPLEMENTED | label |
#required |
IMPLEMENTED | required |
#options |
IMPLEMENTED | values |
#empty_option |
IMPLEMENTED | placeholder |
#description |
IMPLEMENTED | hint |
#placeholder |
IMPLEMENTED | placeholder |
Elements¶
| Webform element name | Webform Category | Webform element ID | Support status | VFG form element |
|---|---|---|---|---|
| Checkbox | Basic | checkbox |
PLANNED | checkbox |
| Hidden | Basic | hidden |
IMPLEMENTED | input: hidden |
| Textarea | Basic | textarea |
IMPLEMENTED | textArea |
| Text field | Basic | textfield |
IMPLEMENTED | input: text |
| Autocomplete | Advanced | NOT PLANNED | ||
| CAPTCHA | Advanced | NOT PLANNED | ||
| CodeMirror | Advanced | NOT PLANNED | ||
| Color | Advanced | NOT PLANNED | ||
| Advanced | email |
IMPLEMENTED | input: email |
|
| Email confirm | Advanced | NOT PLANNED | ||
| Email multiple | Advanced | NOT PLANNED | ||
| Mapping | Advanced | Mapping | NOT PLANNED | |
| Number | Advanced | number |
IMPLEMENTED | input: number |
| Range | Advanced | NOT PLANNED | ||
| Rating | Advanced | NOT PLANNED | ||
| Search | Advanced | NOT PLANNED | ||
| Signature | Advanced | NOT PLANNED | ||
| Telephone | Advanced | tel |
input: tel |
|
| Terms of service | Advanced | NOT PLANNED | ||
| Text format | Advanced | NOT PLANNED | ||
| Toggle | Advanced | NOT PLANNED | ||
| URL | Advanced | NOT PLANNED | ||
| Value | Advanced | NOT PLANNED | ||
| Basic address | Composite | NOT PLANNED | ||
| Advanced address | Composite | NOT PLANNED | ||
| Contact | Composite | NOT PLANNED | ||
| Custom composite | Composite | NOT PLANNED | ||
| Link | Composite | NOT PLANNED | ||
| Location | Composite | NOT PLANNED | ||
| Name | Composite | NOT PLANNED | ||
| Telephone advanced? | Composite | NOT PLANNED | ||
| Advanced HTML/Text | Markup | processed_text |
PLANNED | label |
| Basic HTML | Markup | webform_markup |
PLANNED | label |
| Horizontal rule | Markup | horizontal_rule |
PLANNED | custom |
| Message | Markup | NOT PLANNED | ||
| Label | Markup | label |
PLANNED | label |
| Audio file | File upload | file |
NOT PLANNED | |
| Document file | File upload | file |
NOT PLANNED | |
| File | File upload | file |
NOT PLANNED | |
| Image file | File upload | file |
NOT PLANNED | |
| Video file | File upload | file |
NOT PLANNED | |
| Buttons | Options | NOT PLANNED | ||
| Checkboxes | Options | NOT PLANNED | ||
| Checkboxes other | Options | NOT PLANNED | ||
| Likert | Options | NOT PLANNED | ||
| Radios | Options | radios |
IMPLEMENTED | radios |
| Radios other | Options | NOT PLANNED | ||
| Select | Options | select |
LIMITED | vueMultiSelect |
| Multi Select | Options | NOT PLANNED | ||
| Select other | Options | select_other |
NOT PLANNED | |
| Table select | Options | NOT PLANNED | ||
| Tableselect sort | Options | NOT PLANNED | ||
| Table sort | Options | NOT PLANNED | ||
| Computed token | Computed | NOT PLANNED | ||
| Computed Twig | Computed | NOT PLANNED | ||
| Container | Container | NOT PLANNED | ||
| Details | Container | NOT PLANNED | ||
| Fieldset | Container | NOT PLANNED | ||
| Flexbox layout | Container | NOT PLANNED | ||
| Item | Container | NOT PLANNED | ||
| Section | Container | NOT PLANNED | ||
| Date | Date/time | date |
PLANNED | |
| Date/time | Date/time | NOT PLANNED | ||
| Date list | Date/time | NOT PLANNED | ||
| Time | Date/time | NOT PLANNED | ||
| Submit button(s) | Buttons | webform_actions |
LIMITED | |
| Entity autocomplete | Entity reference | NOT PLANNED | ||
| Entity checkboxes | Entity reference | NOT PLANNED | ||
| Entity radios | Entity reference | NOT PLANNED | ||
| Entity select | Entity reference | NOT PLANNED | ||
| Term checkboxes | Entity reference | NOT PLANNED | ||
| Term select | Entity reference | webform_term_select |
PLANNED |