Admin form builder UI — drag-and-drop field editor #3

Open
opened 2026-06-10 09:08:31 +00:00 by jmiller · 0 comments
Owner

Summary

Build the admin-side form builder interface where users create and edit forms by adding, reordering, and configuring fields.

Tasks

  • Form list view (admin dashboard with form name, submission count, status)
  • Form edit view with field builder panel
  • Drag-and-drop field reordering (Joomla Web Asset Manager + JS)
  • Field type selector (add field button with type picker)
  • Per-field configuration modal (label, name, placeholder, required, validation, options)
  • Conditional visibility configuration (show field X when field Y equals value Z)
  • Multi-page form configuration (page breaks, progress bar settings)
  • Form settings tab (success message, redirect, email config, CAPTCHA, CSS class)
  • Preview button (opens frontend preview in new tab)
  • Duplicate form action

Dependencies

  • #1 (package scaffold)
  • #2 (database schema)
## Summary Build the admin-side form builder interface where users create and edit forms by adding, reordering, and configuring fields. ## Tasks - [ ] Form list view (admin dashboard with form name, submission count, status) - [ ] Form edit view with field builder panel - [ ] Drag-and-drop field reordering (Joomla Web Asset Manager + JS) - [ ] Field type selector (add field button with type picker) - [ ] Per-field configuration modal (label, name, placeholder, required, validation, options) - [ ] Conditional visibility configuration (show field X when field Y equals value Z) - [ ] Multi-page form configuration (page breaks, progress bar settings) - [ ] Form settings tab (success message, redirect, email config, CAPTCHA, CSS class) - [ ] Preview button (opens frontend preview in new tab) - [ ] Duplicate form action ## Dependencies - #1 (package scaffold) - #2 (database schema)
Sign in to join this conversation.
No labels
Priority Medium
Type Feature
Status
Priority
Type
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: MokoConsulting/MokoSuiteForms#3