How to make multiple fields like this? Topic is solved

[david0058]

I can't remember what these are called? Accordion fields? Repeatable fields?

When you can click on an "add another field" and a new table row opens up?

Screenshot 2023-02-07 at 11.04.03.png

Anyway, I've used raw javascript to do this in a few components but I'd like to port the code over to using the native Joomla/Bootstrap methods, just like you get in the com_fields component. I've read through the code but the core mechanism is hidden in the complexity because that component needs to be very flexible, so I can't see the wood for the trees.

Any hints or tips? It there a simpler example that I can investigate than com_fields?

David

[pe7er]

The Form Field Type used to be called Repeatable Fields but is now deprecated
https://docs.joomla.org/Repeatable_form_field_type

It has been replaced with the Form Field Type "Subform"
https://docs.joomla.org/Subform_form_field_type

I use it a lot because it gives you much flexibility.
On a personal website I list my Joomla + Linux presentations.

Back-end - Custom Field "Subform"
I've created a Subform "Event" that uses 3 Custom Fields:

Screenshot from 2023-02-07 12-54-46.png

Back-end - Article Edit
Which makes it possible to add multiple Events (with Fields: Name, Date and Place):

Screenshot from 2023-02-07 12-50-06.png

Front-end
At the front-end at the bottom of the article, I display those fields
together with the fields Name, Date and Place.

Screenshot from 2023-02-07 12-49-28.png

[david0058]

Fantastic, thanks Peter. This is just what I need.

Migrating my custom code to subforms was a two-minute job in each case - I'd virtually re-invented the wheel

David

[pe7er]

You're welcome!
Good to hear that you got it to work.