Software Archive
Read-only legacy content
17060 Discussions

Layered graphics

Dan_K_
Débutant
754 Visites

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 Compliments
1 Répondre
Chris_P_Intel
Employé
754 Visites

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 Compliments
Répondre