Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
140
Overlapping elements in responsive design
posted

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.

Parents
No Data
Reply
  • 2475
    Offline posted

    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.

Children