Layout of multiple items of the same field in Panels node template

Question

My content type is a preview of a music album so the fields include mp3 file and text fields about the track (title etc). I am using a panels node template which looks like this

This works fine for one track and the result looks like this:

But if I add a second track it looks like this:

ie

All items in Field 1
All items in Field 2
All items in Field 3

How can I make it look like this:

ie

field 1 item 1
field 2 item 1
field 3 item 1
field 4, item 1

field 1 item 2
field 2 item 2
field 3 item 2
field 4, item 2

etc

I think I would have the same problem in Views.

Answer 1

Edit your content type and Use a field collection. instead of multiple fields. It's difficult to achieve what you want without explicit entities.

Provides a field-collection field, to which any number of fields can be attached.

A field collection is internally represented as an entity, which is embedded in the host entity. Thus, if desired field collections may be viewed and edited separately too.

Field collection will allow you to add multiple fields into one group, so instead of adding data to each field, you can just keep adding groups of data. This will allow you to add a collection of Artist, track number, track title, mp3 Then when you call the field collection via panels it will give you the results you want.

You are using multiple fields which will list the values from each individual field right underneath eachother.