Feature request - Add ajax features to forms designer (non-bootstrap themes)
Reported by dleffler | January 26th, 2013 @ 03:20 PM
Since we now have a 'proof of concept' ajax created control in the form of a newly inserted color control on the pull ical/google calendar view, it'd be nice to add ajax add/delete/move to the form designer.
Much of the concept is already implemented somewhere inside Exponent, so it'd be more a matter of doing it with YUI or using some of the neat jQuery plugins since jQuery is becoming primary over YUI in the v2.2+ world.
Comments and changes to this ticket
-
dleffler February 16th, 2013 @ 02:56 AM
- Milestone changed from “2.2.0alpha2” to “2.2.0alpha3”
-
dleffler February 16th, 2013 @ 02:55 PM
- Assigned user set to “dleffler”
-
dleffler February 16th, 2013 @ 03:00 PM
- Title changed from “Feature request - Add ajax features to forms designer” to “* Feature request - Add ajax features to forms designer”
-
dleffler February 28th, 2013 @ 06:08 PM
- Title changed from “* Feature request - Add ajax features to forms designer” to “Feature request - Add ajax features to forms designer”
No longer an 'alpha' only ticket
-
dleffler March 2nd, 2013 @ 09:43 PM
- Milestone changed from “2.2.0alpha3” to “2.2.0beta1”
-
-
dleffler March 11th, 2013 @ 11:29 PM
Here's a ajax based form designer http://bootstrap-forms.heroku.com/
-
dleffler March 16th, 2013 @ 03:27 AM
- Milestone changed from “2.2.0beta1” to “2.2.0beta2”
-
dleffler March 22nd, 2013 @ 11:21 AM
- Tag changed from “form control” to “form control, form module”
-
dleffler March 29th, 2013 @ 08:00 PM
- Milestone changed from “2.2.0beta2” to “2.2.0beta3”
-
dleffler April 20th, 2013 @ 10:17 AM
- Milestone changed from “2.2.0beta3” to “2.2.0release-candidate”
-
dleffler May 1st, 2013 @ 10:22 AM
- Milestone changed from “2.2.0release-candidate” to “2.2.1”
-
-
dleffler September 17th, 2013 @ 05:49 PM
- Tag changed from “form control, form module” to “form control, form module, ajax”
-
dleffler October 16th, 2013 @ 09:53 PM
Here's a YUI based form designer http://alloyui.com/examples/form-builder/
-
-
-
-
dleffler June 6th, 2016 @ 03:03 PM
- Milestone set to “2.3.9”
I've begun work on this task which will add drag/drop and ajax features to the form designer. The main intent is to not change how the designer looks (& works?), but to simply save some time by making the 'form' live and make the design process more dynamic. The code is mostly working for bootstrap3 based themes except dynamically updating the new/edited control on the page (non-bootstrap3 views require adding additional views to present modal dialog widget). In a nutshell here's what changes (subject to change):
- controls currently in the form may be dragged into a new sequence/rank on the page instead of relying on the ddrerank dialog/save process (working)
- controls currently in the form may be deleted by dragging the control into the 'trash can' widget on the screen, or you can use the 'delete' button to delete in place without a page reload (working)
- new controls may be added to the from by dragging a control from the widget with a list of available controls onto the form which then pulls up the edit form control modal dialog - (this is basically working EXCEPT for visually adding the new control to the page)
- controls on the form may be edited by using the 'edit' button which brings up the edit form control modal widget (again basically working EXCEPT for visually updating the control on the page)
- the 'edit' and 'delete' buttons will be hidden until the cursor is over the form control to allow the form to better resemble the final form
-
dleffler June 7th, 2016 @ 03:48 PM
- State changed from “new” to “open”
Designer notes:
Completed tasks:
- Dynamic delete control via trash can
- Dynamic delete control via delete button
- Dynamic edit control via edit button, including ajax wysiwyg editor re-instantiation
- Dynamic add non-dot control via drag/drop in correct order
- Dynamic sort/reorder
- Dynamic turn designer grid off/on
- some mobile (styling) support
Still needed:
- additional testing?
- Dynamic add 'dot' controls (hr & spacer) since they are created within 'edit_control' and not 'save_control', this is primarily a dialog processing issue
- non-Bootstrap3 functionality - the old design view still works (we haven't broken any backend code), but the modal dialog is a bootstrap3 specific widget which requires finding another dialog widget (jqueryui?) which can be autofilled via ajax call
Questions:
- should we ask for confirmation before removing control via drag/drop?
- is there a better way to display the control palette and trash can instead of fixed/static?
-
-
expNinja June 8th, 2016 @ 02:52 AM
(from [e9fa602b710f7ebab0d63e87a438e0eb90bc1978]) adds bootstrap3 dynamic form designer/editor; adds toggle design grid to all design_form views [#886] https://github.com/exponentcms/exponent-cms/commit/e9fa602b710f7eba...
-
dleffler June 8th, 2016 @ 02:29 PM
- State changed from “open” to “new”
- Milestone cleared.
Still running into issues with ckeditor (tinymce?) not working in the ajax modal for non-bs3
-
expNinja June 9th, 2016 @ 01:17 AM
(from [f3dc680b21e2c088b5a2f1aaabb5f37715f9d6be]) adds toogle form style button to bootstrap3 dynamic form designer/editor; regression fix list of controls for non-bs3 theme [#886] https://github.com/exponentcms/exponent-cms/commit/f3dc680b21e2c088...
-
dleffler July 26th, 2016 @ 11:04 AM
- Title changed from “Feature request - Add ajax features to forms designer” to “Feature request - Add ajax features to forms designer (non-bootstrap)”
-
dleffler September 13th, 2016 @ 02:01 PM
- Title changed from “Feature request - Add ajax features to forms designer (non-bootstrap)” to “Feature request - Add ajax features to forms designer (non-bootstrap themes)”
fc1.png
fd2.png
Please Sign in or create a free account to add a new ticket.
With your very own profile, you can contribute to projects, track your activity, watch tickets, receive and update tickets through your email and much more.
Create new ticket
Create your profile
Help contribute to this project by taking a few moments to create your personal profile. Create your profile ยป
Bug Tracker for Exponent CMS
dleffler
expNinja