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
‎04-06-2015 05:58 AM
359 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

Link Copied

1 Reply
Chris_P_Intel
Employee
‎04-09-2015 02:06 PM
359 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
Copy link
Reply

Community support is provided Monday to Friday. Other contact methods are available here.

Intel does not verify all solutions, including but not limited to any file transfers that may appear in this community. Accordingly, Intel disclaims all express and implied warranties, including without limitation, the implied warranties of merchantability, fitness for a particular purpose, and non-infringement, as well as any warranty arising from course of performance, course of dealing, or usage in trade.

For more complete information about compiler optimizations, see our Optimization Notice.