3-section Column Divider widget

  • 3
  • Idea
  • Updated 4 years ago
  • Under Consideration
The 2-section Column Divider widget comes in handy when I need divided sections, but sometimes I need three sections (instead of two, four, six, etc) and a 3-section Column Divider widget would also come in handy.
Photo of farragio

farragio

  • 90 Posts
  • 9 Reply Likes

Posted 5 years ago

  • 3
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hello farragio,

The easiest way to create a three column space is to place a second 2 column widget within the first. It doesn't matter if the second widget is placed into either the left hand or right column of the first widget. You can add as many as needed in a nested fashion.

You can drag the column dividers as you wish to create columns of your preferred size.
Photo of farragio

farragio

  • 90 Posts
  • 9 Reply Likes
Hi Gop, thanks for the suggestion but I've tried that before and don't like the unevenness of it. Sometimes I need three sections that are exactly the same size and it would be easier to have a ready-made widget.
Photo of Rod

Rod, Employee

  • 22 Posts
  • 1 Reply Like
Hi Ferragio,

I agree that a 3 column divider widget would be really handy and is indeed on the cards in the near future. Unfortunately we do not have a definite time when this would become available though.

In the meantime the 2 column divider widget can be made to work as "Gop" has explained, you can add a second column divider widget into either the left or right side of the 1st column divider widget. The center line can also be adjusted in order to make equal size squares. Then finally you can adjust the margins to get them perfectly aligned.

I hope this works out well for you.
Photo of farragio

farragio

  • 90 Posts
  • 9 Reply Likes
Hi Rod, thanks for the feedback. Hope to see a 3 column divider soon. :)
Photo of Saskia

Saskia

  • 110 Posts
  • 11 Reply Likes
With you on this one farragio, just takes time to get everything alligned and would be good to get a widget in which you can set the amount of columns you're after!
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hi all

If you now add a second Column Divider Widget into an existing first one and drag the middle line of that first one, the width of all columns will stay proportional based on the page width. This should help you with adding three same-sized columns.

Please let me know if you have more questions.
Photo of a1web UK

a1web UK

  • 174 Posts
  • 24 Reply Likes
Same here.. dont want to spend valuable time having to mess about lining up 2 column widget when wanting and odd number is more effort than we should have to put up with.
Its 2014 and a 3 column one should be here by now.
Photo of Saskia

Saskia

  • 110 Posts
  • 11 Reply Likes
Hi Stefan, perhaps im misunderstanding but when i do as you mention, my middle line of the first divider widget just moves as i move my mouse, it is not creating 3 evenly wide columns as you suggest. Could you perhaps word it a bit clearer? Thanks!
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
When you move the middle line of the first widget with your mouse, the other columns should adjust evenly along with your page width. Can you please post your domain name for me to have a look at your specific account?
Photo of a1web UK

a1web UK

  • 174 Posts
  • 24 Reply Likes
Dont know what style template your using but one of mine is the "Cleanslate" style and if you go to the "Page" tab and then choose Layout .. you can choose to have a THREE box divider layout.

Stefan might be able to tell you better about this than me.. i'm in a rush right now..

see here how all three pics are level at the top. .

http://testinglayout.yolasite.com/
Photo of Laura Thomas

Laura Thomas, Social Media Coordinator

  • 4536 Posts
  • 211 Reply Likes
The "Layout" option is available on all styles and you can get an idea for how it can work to display 3 even columns in this website: Growerfields Farm. Note we use the one column over 3 column layout option for this website.
Photo of Saskia

Saskia

  • 110 Posts
  • 11 Reply Likes
Thank you a1web but this is not what i was after. I do not want all of the content of my website to be in 3 columns. Just part of it.

@ Stefan: In regards to the 2 in one divider widget, i have tried this in both the skyline and super flat styles. Just create one, move the other in the first, then move the divider line of the first... nothing happens. If you want to try and play or see you can do so on my test-website: http://package1.yolasite.com

Cheers and still looking forward to a divider widget in which we can mention how many columns we'd like ;)
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hi Saskia and a1web UK

Looks like I wasn't precise enough about this one: So what happens when you move the middle line of the first Column Divider Widget is that the middle line of the second Column Divider Widget will automatically move to the center of that second widget according to the newly created space. It will however not evenly adjust to the whole page width. Sorry for this mistake. So I'll need to ask for your patience until we can offer an improved solution for the Column Divider Widget. Until then it will all be manual. What I can assure you is that an update of the widget is on our agenda, and we're working on it.
Photo of Saskia

Saskia

  • 110 Posts
  • 11 Reply Likes
Thanks Stefan :)
Photo of a1web UK

a1web UK

  • 174 Posts
  • 24 Reply Likes
Saskia .. you can choose to change just the one page on your site and not the whole site,.
Photo of Saskia

Saskia

  • 110 Posts
  • 11 Reply Likes
Yes i know, thanks though. I just want part of the page to be in 3 columns and other parts to be 1 column. I will just do things manually and work with margins ;)
Photo of a1web UK

a1web UK

  • 174 Posts
  • 24 Reply Likes
for those too lazy to go try it out.. here is a picture of the choices you have to layout any one page and not all of the site at once

.
Photo of farragio

farragio

  • 90 Posts
  • 9 Reply Likes
What you're referring to is for an entire page. What my original OP was about and what others are commenting on is a way to add a 3-column widget to just one area of a page (not the entire page).
Photo of a1web UK

a1web UK

  • 174 Posts
  • 24 Reply Likes
you can have them at the top or bottom.. leaving space to add, and use the rest of the page..
This is the only way that your going to get them level until a new widget comes along . .
Photo of farragio

farragio

  • 90 Posts
  • 9 Reply Likes
For those of us who would like the option to add them elsewhere instead of the top or bottom....well, that is why I added this to the Ideas section :)
Photo of a1web UK

a1web UK

  • 174 Posts
  • 24 Reply Likes
there is only one more place you can add them and thats the middle . . top, bottom, middle . where else would you suggest. ??

Actually.. it would be nice if they could be moved, placed up and down the page as other content is added to the page and not be stuck with top, middle or bottom ..
Photo of a1web UK

a1web UK

  • 174 Posts
  • 24 Reply Likes
for those of us that did not know previously about the choice of page layout, being able to at least have some 3 column option will be more than happy until something better comes along.

You were given a solution until yola get around to providing and update to the widget.
your idea is very useful and they now know about it, but at least we can use the present ones instead of trying measure up many widgets going into each other..
Photo of Darren Brent

Darren Brent

  • 1 Post
  • 0 Reply Likes
The 3 column widget should be a very basic tool from yola, I am surprised its not a tuneable option within the widget itself