Group Custom Fields

Show your support for this on Voices.

It would be awesome if custom fields could be grouped. My proposal is to create a custom field called "Field Group" or "Grouped Field". This would solve some issues such as "location" and would help organize related fields. Typically we like to see data in a single line to make reading easier. However there are special cases where similar data can be placed right along side with another field to keep things simpler. Here's a visual example of this:



If those fields were all spread out it would actually be confusing to the user. This can also help cases such as education and the location area. Here's another screen shot example:



How it works: The custom fields that are grouped would not literally depend on each other, but it does effect their display. To set a custom field within the group, the user would simply drag the field into the "grouped field". Drag and drop is already well integrated within ES making this much easier to accomplish. The admin can click the individual custom fields within the grouped field to make the usual modifications/options. When displaying on the profile/ advanced user search, it can display the fields in a DIV that uses the display property with a value of either inline or inline-block.

Here is a generalized HTML mark up of how it could be structured:

 <div class="es-grouped-field">

<select name="LeadTrad" i>

<option value="1300">5.3</option>

<option value="1400">5.4</option>

<option value="1500">5.5</option>

<option value="1600">5.6</option>

<option value="1800" selected="">5.7</option>

</select>



Distance: 5 Miles: <input type="checkbox" name="5">

10 Miles: <input type="checkbox" name="10">

15 Miles: <input type="checkbox" name="15">

</div>

The CSS code would be pretty simple:

.es-grouped-field input, .es-grouped-field select {display: inline-block;}

This should theoretically display the data in a single line.

I understand that not everyone wants "grouped data" on a single line, but still would like it grouped. To resolve this one could simply set the width of the "grouped field". Or there could be an option that sets the limit of custom fields per row. Now that's flexibility!

Finally this would help out the address situation. Countries, states, cities, ect could be grouped into a single field. This would allow a user to create their own custom address section with the exact order they want the fields to be in as well as fields to display. For example if I wanted to display "Country, State, City", I would be able to do so with grouped fields. There are so many possibilities with grouped fields which is why I really believe that EasySocial would benefit from this idea.