Grouping of Editor fields in new / edit popup

matthewj

Is it possible to group fields together and display in the popup? For instance, I have in my new user screen with three sections:
Section one
Basic Info
First Name:
Last Name:

Section two
Education
Highest Education:
University:

Section three
A/c info
User name:
Password:

The three sections should be in three column layout. How can I achieve this in the Editor's new / edit popup. I have seen examples with only single column layout where all fields are arranged below each other.

any advice would be appreciated.

allan

Hi,

The plan is to introduce field sets in a future version of Editor to be able to perform actions exactly like this - unfortunately the current version of Editor does not support field sets though. As such, the only way to achieve this is really by "faking it". What you could do is have a 'fake' field for the header of each section, making it look like it is broken into sections visually, but if you see the underlying code it is actually still linear.

There are a few ways of doing this:

1. Use the `readonly` field type and set the input element for that field type to display:none. You could also add a bit of top margin to the field type in CSS to give better separation.

2. Create a field type plug-in which will display the field with the markup you want ( tags for example).

Regards,
Allan

allan

Along the lines of option 2, I'd actually forgotten I'd already created something along those lines! There is a display only plug-in for Editor available here: https://editor.datatables.net/fields/plugins

Regards,
Allan

matthewj

Thank Allan, I will definitely give a try of the second option and let you know.