Feature Request: Enhanced Widget Styles and UI Improvements for JetFormBuilder Widgets (Date Picker, Select, Media Upload, Repeaters, etc.)
Opened this issue · 10 comments
Description
This feature request proposes UI and style improvements for several core widgets in JetFormBuilder, including:
- Date Picker
- Select and Select2 Dropdowns
- Media Upload
- Repeater Fields
Currently, these widgets provide basic functionality but would benefit from more advanced options that improve usability, aesthetic appeal, and adaptability. Implementing these changes will create a more seamless experience for users and make these widgets feel more modern and customizable.
Proposed Feature Improvements
1. Advanced Date Picker
- Current Situation: The existing Date Picker offers basic date selection without enhanced functionality.
- Improvement Suggestion: Integrate an advanced Date Picker (e.g., MUI's Date Picker) to provide customization options, a responsive layout, and support for complex features like date ranges, min/max selection, and localization.
- Expected Benefits: Provides developers with flexibility for styling, configuration, and adaptability. Enhances the user experience by offering a more intuitive, visually appealing date selection process.
2. Enhanced Select and Select2 Dropdowns
- Current Situation: The basic Select widget lacks advanced features like searchability, multi-select, and customizable styling.
- Improvement Suggestion: Integrate Select2 or a comparable dropdown component to allow for multi-select, searchable dropdowns, and style customizations.
- Expected Benefits: Improves UX for users managing large datasets or forms with multiple options, making the selection process more efficient and visually appealing.
3. Improved Media Upload
- Current Situation: The Media Upload widget is currently limited, with minimal user-friendly options for managing file uploads.
- Improvement Suggestion: Enhance Media Upload to support preview thumbnails, drag-and-drop functionality, multi-file selection, and file validation (e.g., size or type restrictions).
- Expected Benefits: Enhances user experience by allowing for smoother file management in forms, providing a more intuitive and visually engaging interface.
4. Repeater Field Enhancements
- Current Situation: Repeater fields provide essential functionality but lack advanced styling and customization for flexible layouts.
- Improvement Suggestion: Add style controls, support for nested fields within repeaters, inline controls, and additional layout options.
- Expected Benefits: Empowers developers to create more sophisticated, organized, and visually consistent forms that are easy to manage for users.
Additional Considerations
- Accessibility: Ensure all UI components are designed according to WCAG standards to support users with disabilities.
- Performance: Optimize these features to maintain performance, aiming to keep the widgets lightweight and efficient.
- Styling Flexibility: Allow for easy customization with CSS classes or inline styling options, so the widgets integrate smoothly with unique design frameworks.
+1
Crocoblock need to overhaul the UI for the datepicker especially in JetBookings. We had a project that we fully overhauled the UI of the DatePicker.
Hopefully the Crocoblock team will give us some modern UI for Date Picker.
+1
+1
+1
+1
+1
+1, come on!
Now our team is working on more priority tasks. However, in the future, we will not exclude the possibility of adding this functionality to the core of our plugin.
Thank you for being so understanding.