Thread: Styling specific custom fields on frontend

Styling specific custom fields on frontend

When creating the Form in the backend, we opt to set the custom fields in certain order.

When the user submits an Ad, the order of the fields match the ones displayed in the Form, great so far.

When the Ad is published, CP, by default, will display some field types in a group on top of others, in such as, the (radio,checkbox,dropdown) field types are always on top of the Ad and the Text-fields and Text-area fields are displayed after, even though their display order was different in the Form submission.

PLUGIN functionality:

1) Allow the user to choose specific existing custom field(s) within the Form or the plugin settings in order to display/style them separately within the Ad listing. (Above/Below post-content/, Above/Below photo gallery, Above/Below Ad content, Custom WIdget associated to the Ad, etc.)
2) Styling those specific custom fields with an uploaded icon or built-in plugin options or a font-awesome icon within a Flex or table layout


Visual example of the outputted results would look something like the following examples:

custom-field-styling-2.jpg

custom-field-styling-1.jpg