How to create columns?

This topic has 6 replies, 2 voices, and was last updated 6 years, 6 months ago by Anh Tran.

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
May 29, 2018 at 3:21 AM #9822

dianemk
Participant

Hi, I've literally just started using metabox (I came to you via the Beaver Builder FB page) and I'm struggling at the first hurdle. What I want to do is set up something that will display like this
Year: 2011
Berths: 3
Fixed beds: Yes
I've set up the metaboxes no problem, but they are displaying horizontally and I want to display them in 1 column (I'll be connecting them to display in tabs using Beaver Themer)
I've tried following this https://docs.metabox.io/create-columns-in-meta-box-builder/ but it's not working so I'm obviously doing something wrong
Thanks
PS I've used text lists and I'm wondering if a different field is better suited for this layout instead?

Add New Note to this Reply

May 29, 2018 at 2:00 PM #9842

Anh Tran
Keymaster

Hi,

As you're using text_list, they'll display in a row like this:

https://i.imgur.com/xipaodj.png

All you need to do is using simple text fields for them. Please create 3 text fields for year, berths and fixed beds. And you'll get them in a column.

Add New Note to this Reply

May 29, 2018 at 4:29 PM #9856

dianemk
Participant

Hi, thanks for the reply. Is there a more efficient way to do this please? There are 15 items in each list which means that I need to use 45 individual text fields and then add each field individually when I set up the single post layout in Themer. It seems like a long winded way to go about it. Thanks

Add New Note to this Reply

May 29, 2018 at 4:55 PM #9857

dianemk
Participant

Also the name of the text field isn't being output at the frontend - just the data that's been added in the CPT. It would be good to be able to attach a screenshot. Thanks

Add New Note to this Reply

May 30, 2018 at 9:41 AM #9880

Anh Tran
Keymaster

Hi,

I'm making some improvement to the text_list field, regarding your suggestion :). What do you think about this layout?

https://i.imgur.com/d4qxPLa.png

Or do you prefer everything in 1 column, like this?

https://i.imgur.com/WNFY0wp.png

PS: To upload screenshot, please upload it to a service https://imgur.com and paste the link here.

Add New Note to this Reply

May 30, 2018 at 2:18 PM #9889

dianemk
Participant

Wow Anh I'm super impressed by the way that you responded to this. I ended up taking a different route as I just needed to get it done yesterday but thank you. I'm sure I'll need this on another project soon. Thanks, Diane

Add New Note to this Reply

May 30, 2018 at 4:14 PM #9898

Anh Tran
Keymaster

No problem. Let me know if you need anything else 🙂

Add New Note to this Reply
Author

Posts

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘How to create columns?’ is closed to new replies.