Software Archive
Read-only legacy content
17060 Discussions

Layered graphics

Dan_K_
Beginner
383 Views

I want to be able to layer one graphic on top of another. An example would be an invisible button on top of a graphic. Another would be graphic background on which I placed several other graphics.

I know I can do this with the CSS z-index, but wanted to know if the designer could handle this. It doesn't look like it.

 

 

0 Kudos
1 Reply
Chris_P_Intel
Employee
383 Views

App Designer can do it.  The next release of AD has much improved "absolute positioning" support that will make the whole experience much more obvious.

But, the current shipping one supports it.  Do the following:

  • Drag out a row. If needed, use its style control to size it. (Or you can drag it taller with the row divider).
  • Turn ON the Absolute Positioning Checkbox at the top of the controls pane.
  • Drag out your image (or whatever) into the row. It will be absolutely positioned. Meaning, it has a z-index etc.
  • Drag out your next, etc.
  • When done, turn OFF the Absolute Positioning checkbox.

Absolute positioning has drawbacks, there are dozens of CSS tutorials and discussions online that can help you understand the tradeoffs.

0 Kudos
Reply