Ambiera Forum

Discussions, Help and Support.

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

harryk
Registered User
Quote
2022-10-03 01:35:25

Is it possible to create containers like in the picture? Or is it only possible in a row? I do not understand the structure of the containers

🔎︎



micaelo
Guest
Quote
2022-10-03 10:59:20

Technically yes, if you insert the containers one by one, select Position Type "free", and adjust Width, Minimum Height, Margins to get the desired structure.

But quite frankly, it wouldn't make sense as it's the nature of responsive design that containers adjust their width and height to the screen width of the viewport. Imagine how narrow the containers will be if viewed on a small viewport. And if you defined break points, the desired structure would get lost.

If it's important to present content in exactly this arrangment I would create it externally e.g. in PowerPoint, save it as an image file, insert the image in small size and link it to the full size image.


erik
Registered User
Quote
2022-10-03 11:05:50

I guess you could do this with the "Container with columns" feature in RocketCake.

Start with a container with 3 columns. Then in the left column, put the three on the left, and the same with the one on the right.

On the bottom, just add a container with 2 columns.


harryk
Registered User
Quote
2022-10-03 12:02:10

@Erik
Sorry, I don't understand. It shifts all the time.
I wanted to avoid large graphic files. But will (have to) solve this with Corel Draw/MS Publisher (desktop publishing). Too bad, I thought containers are more flexible. Well, I am too spoiled by MS Publisher. There you can move everything freely on the page.

@ all
Thanks for your tips


bupp
Registered User
Quote
2022-10-03 15:30:18

also you can container position on 'free' in properties


Create reply:


Posted by: (you are not logged in)


Enter the missing letter in: "Int?rnational" (you are not logged in)


Text:

 

  

Possible 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


   






Copyright© 2020 Ambiera e.U. all rights reserved.
Privacy Policy | Terms and Conditions | Imprint | Contact