In a responsive design, I can't seem to make elements overlap. For example putting a piece of text on top of a rectangle, or a button on top of an image. They are always separate in a cell and I can't find any options to make them overlap eachother.
Any help much appreciated.
Hi, Ross.
Responsive layouts in Indigo Studio are powered by Bootstrap (12-col grid). And as a consequence, it uses web-friendly layouts using margins (relative to other UI elements in the same cell). This way when you switch from mobile to tablet view, the UI elements either resize or stack based on available space automatically. This is also the reason they don't overlap.
You can see an example responsive layout here, which you can download and inspect.
Are you trying to create something that looks like a dialog? If you can share an image of what you are trying to create, we may be able to better assist you.
Hi,
I have the same problem and basically the main issue is that I want a to use an existing image as a background that covers the whole screen and ON TOP of it to have a textfied, a button, text and some link (that are responsive).
I've been using indigo studio for a long time now and this is the first time I've decided to use indigo studio to create a responsive webpage and as of now it seems unnecessarily complicated.
Are there any tutorials for the creation of responsive webpages in indigo studio?
Help would be much appreciated.
Hi, Asaf.
Sorry about the delay in responding.
The bootstrap cells allow you to specify a background image. You cannot set it for the entire page. Here is are the links you requested for how-to:
Let us know if you need more information.