Adding 5 column in one row

Posted in: Newspaper
Post count: 18

Hello
How can I add 5 columns in one row using the tagdiv composer, there is no option for adding five columns, can you please help me?
Thank you.

Post count: 18283

Hello !

Please set the ROW layout as you can see it here: https://www.screencast.com/t/aGEc6JZxIr ; After that ADD inner row into the row and edit the Inner Rows Layout as you can see here:https://www.screencast.com/t/qL7M3pmPKjj

All this can be achieved using the tagDiv Composer.

Thank you !

Post count: 18

ok Thank You

Post count: 89

Is there a way to create 5 columns of equal width that are responsive so the behaviour on mobile for ex, can be set like a single row with 4 columns e.g. stacked images on mobile?

Post count: 35449

Hi iancollins,
Yes, that can be done, for this please check this similar topic -> https://forum.tagdiv.com/topic/6-columns-row/
The steps are similar, all you need to do is to set a row an 2 and a column to be 40% and the other one 60% then set in the first one an inner row with 2 columns and in the second one an inner row with 3 columns.
I hope this will help you!

Post count: 7

Hi Calin,

I’ve followed the process in your link but it doesn’t work well.

I have a Row with 2 columns, col1 is set to Layout->Width=40% and col2 is set to Layout->Width=60%.

I then have an inner row of 2 columns inside col1, and an inner row of 3 columns inside col2.

This is per your suggestion above if I have understood correctly.

There are two problem with this:
1. The only way to get even sized columns is to sel column gap to 0 everywhere and use padding inside the columns to create space. Not too big a problem.
2. When viewing on mobile, the outer columns keep enforcing their 40% and 60% widths so the columns don’t use the full width and don’t stack nicely.

Can you suggest and alternative approach to get 5 cols working please?

Post count: 21065

Hello @tdaplyn!

On the mobile viewport you can change the values from 40%-60% to 100%. This should be a responsive setting. Please try and let me know the results!

Thank you!

Post count: 7

Ah. I see!
That’s the piece of the puzzle I was missing. Thanks!

Viewing 8 posts - 1 through 8 (of 8 total)
The forum ‘Newspaper’ is closed to new topics and replies.