Custom Layouts for Subform Fields

Custom Layouts for Subform Fields

Subform fields in Joomla are a very powerful feature but the options for presenting their output in an attractive way are quite limited. EasyLayouts now has the ability to customise the layout of repeating subform fields.

1 : First create a com_fields.subform layout.

Before you can add the subform fields to the layout you will need to specify which subform field the layout applies to - see the red box in the screenshot below

Make sure you set the source subform field first and save the empty layout - after you do this you can add the subform fields in the layout.

2 : Add the subform field to your main layout

In this implementation we are going to wrap the subform fields in a unordered list (ul tag) in a single article view

3 : Single article view uses formatted output

In our single article view the EasyLayouts layout picks up the subform field layout to present our subform fields in a formatted unordered list