Ambiera Forum

Discussions, Help and Support.

Create a new account, Search, or Login:
Name:  Password:
Ambiera Forum > RocketCake
Container with columns
Author Text

molter
Registered User
Quote
2020-09-15 00:09:59

I have created a three column container that works just fine in regards to responsiveness (turning into a two columns over two lines and into one colums on different breaking points). But I want the grid to also work and be responsive when I add item number 4, 5, 6 , 7 etc. and still stay responsive so that i stays in the 3, 2, 1 column format depending where the breakpoints have been set.

So fx three items would look like this:
PC:
Item1 Item2 Item3

Tablet (portrait)
Item1 Item2
Item3

Mobile
Item1
Item2
Item3

If I now want to add a fourth item (and more afterwards), I want the following behavior (see below) - is that possible in RocketCake just from configuration without code?

So fx four items would look like this:
PC:
Item1 Item2 Item3
item4

Tablet (portrait)
Item1 Item2
Item3 Item4

Mobile
Item1
Item2
Item3
Item4


erik
Registered User
Quote
2020-09-15 07:53:01

By default, if you create a container with four columns, it does that, apart from that formation:

Item1 Item2 Item3
item4

And it will always be symmetrical, like

Item1 Item2
Item3 Item4

BUT, you can create special breakpoint rules for that item 4. So I think this should be possible. You can do this probably somehow, just right-click on item 4 and select "breakpoint editor". Make it larger at other witdhs.


molter
Registered User
Quote
2020-09-15 09:29:00

@erik

Off course - thanks erik. The behavior you describe is actually the one I want. I started out wrong when I specified a 3 column container - it works like a charm with the 4 column container :-)


Create reply:


Posted by: (you are not logged in)


Enter the missing letter in: "Internati?nal" (you are not logged in)


Text:

 

  

Forum Codes


Feature Code
Link [url] www.example.com [/url]
Bold [b]bold text[/b]
Image [img]http://www.example.com/image.jpg[/img]
Quote [quote]quoted text[/quote]
Code [code]source code[/code]

Emoticons