Make Grid Work like Table

Say that I have a bunch of icons I want to align, but uneven amount to display in 3 rows (for example). I have 3 columns in first row, 3 columns in next, and I’d like there to be 2 columns in the last.

It would be helpful to “merge” areas as if they worked like cells in a table. I’ve come across this situation a lot and I think it would be a good addition.

2 Likes

It looks like this can be done with a repeater?

That can definitely be a solution for some cases but the customizable options for repeaters are limited (but that’s the point of repeater so understandably so). For example, say I wanted different colored buttons in each box if I was using a repeater– I don’t think that could be done (if so, I haven’t figured that out yet! lol).

@jmossey That’s right. But if you want, for example :grinning:, different coloured buttons, you can make these buttons in Illustrator, Photoshop or Sketch etc. Import these as pictures in a container, attach a link and create hovers. It’s a workaround, but so you can do more. If you want a button for fun in each corner, you can save the buttons with a white background.

I don’t think it’s possible to alter the CSS like you can alter code in Velo. That would be a great option to have.

If it’s the same layout you’re after, and it’s just different colours etc. This is definitely possible with repeaters and Velo.

The other option is to use layouters to display everything. They’re like repeaters, but not. Essentially you can design each item independently