Flexbox widget - form display type

Created on 13 August 2023, 11 months ago
Updated 18 August 2023, 11 months ago

Problem/Motivation

The CustomFormatter works well with minimal fields and very basic proportional styling however, for forms with more fields, we need an alternative widget style to be able to set column widths per element which wrap to the next row. A basic customizable 12 column grid class structure would be a substantially better UX.

Proposed resolution

Create a similar widget to the CustomWidget replacing the limited proportions settings with columns settings from 1-12. Provide new css file to account for these styles along with a .js file for the settings interface.

Remaining tasks

  • Provide a POC patch
  • Figure out if theres a way to account for fields that get dynamic wrapping elements like textarea when wysiwyg enabled
  • May need to look at modifying the colorboxes widget to build the colorbox widget within the wrapping element vs. as an appended sibling element to it.

User interface changes

New widget plugin 'Custom Flexbox' would be selectable in manage form display settings. There will be columns settings for each field.

✨ Feature request
Status

Fixed

Version

1.0

Component

User interface

Created by

πŸ‡ΊπŸ‡ΈUnited States apmsooner

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.69.0 2024