Software Archive
Read-only legacy content
Announcements
FPGA community forums and blogs on community.intel.com are migrating to the new Altera Community and are read-only. For urgent support needs during this transition, please visit the FPGA Design Resources page or contact an Altera Authorized Distributor.
17060 Discussions

Layered graphics

Dan_K_
Beginner
358 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
358 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