Form Designer -- customizing layout

blindmime
@blindmime
11 years ago
772 posts
I need to be able to customize the layout on a form.

Is this possible?
updated by @blindmime: 03/31/14 03:18:41AM
SteveX
SteveX
@ultrajam
11 years ago
2,589 posts
Not using Form Designer.

The easiest way I have found is to override /modules/jrCore/templates/form_field_elements.tpl and simply add a class name to the table rows (there are two).

Then move the table rows around using jquery. You would wnat to keep the same table structure etc (you dont have to but it keeps things simple), but that allows you to have multiple tables, some side by side, some stacked etc.

If that doesn't provide enough flexibility you need to get more detailed with the jquery, or override all of the form field elements to remove the tables.

If you only need that on one or two forms, override the core templates and add if statements so that the core structure is used on all forms except $_post._uri = "/my/custom/form/uri"


--
¯\_(ツ)_/¯ Education, learning resources, TEL, AR/VR/MR, CC licensed content, panoramas, interactive narrative, sectional modules (like jrDocs), lunch at Uni of Bristol. Get in touch if you share my current interests or can suggest better :)
paul
@paul
11 years ago
4,335 posts
You can move the fields up and down in form form designer.
Also, all the templates for the form elements are in the /modules/jrCore/templates folder, so you could override them with templates in your skin folder.
hth
Pa


--
Paul Asher - JR Developer and System Import Specialist
blindmime
@blindmime
11 years ago
772 posts
What I need to do, for instance, is be able to have two or more fields on the same line. Like :

____ ____________________________________________ $_________

It would be nice to have js put totals in a total field.

And would be really cool is be able to insert those lines above dynamically (the user adds more line items as needed).
brian
@brian
11 years ago
10,149 posts
You would need to do a custom form setup in a custom module for this - the core form handling is not setup to do something like this.

Sorry!


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
SteveX
SteveX
@ultrajam
11 years ago
2,589 posts
blindmime:
What I need to do, for instance, is be able to have two or more fields on the same line.
jquery, create a table in a table row and move your two fields into that new table.

blindmime:It would be nice to have js put totals in a total field.
jquery, create a total.

blindmime:And would be really cool is be able to insert those lines above dynamically (the user adds more line items as needed).
That's custom. Check out how jrDocs function parameter works and then customise that.


--
¯\_(ツ)_/¯ Education, learning resources, TEL, AR/VR/MR, CC licensed content, panoramas, interactive narrative, sectional modules (like jrDocs), lunch at Uni of Bristol. Get in touch if you share my current interests or can suggest better :)

Tags