Create a Group with id="contentGroup" and add it after the BitmapImage.
Like this: <s:BitmapImage width="100%" height="100%" source="assets/randomBkgd.png" /> <s:Group id="contentGroup" top="0" bottom="0" left="0" right="0"/> On Mon, Aug 21, 2017 at 2:01 PM, <trev...@mchsi.com> wrote: > I tried it as an @Embeded image as well > > ----- Original Message ----- > From: "OmPrakash Muppirala" <bigosma...@gmail.com> > To: users@flex.apache.org > Sent: Monday, August 21, 2017 3:52:48 PM > Subject: Re: Layering over background image > > Can you post your CustomAppSkin as well? I'm guessing that the BitmapImage > is added after the content group. In which case your BitmapImage will be > drawn last hence covering your content group. > > On Mon, Aug 21, 2017 at 1:38 PM, <trev...@mchsi.com> wrote: > > > For the life of me I can't figure this out. I skinned a > > WindowedApplication with a background image. Added a group of buttons, > > however I can't seem to get them to layer properly over the background > > image of the WindowedApplication component. > > > > > > image in the skin > > <s:BitmapImage width="100%" height="100%" > > source="assets/randomBkgd.png" /> > > > > > > <?xml version="1.0" encoding="utf-8"?> > > <s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"; > > xmlns:s="library://ns.adobe. > > com/flex/spark" > > xmlns:mx="library://ns.adobe. > > com/flex/mx" > > skinClass="utilities. > > CustomAppSkin"> > > > > <s:layout> > > <s:BasicLayout /> > > </s:layout> > > > > <s:Group x="10" y="10" width="400" height="25"> > > <s:layout> > > <s:HorizontalLayout /> > > </s:layout> > > > > <s:Button label="Button1" width="100" height="25" /> > > <s:Button label="Button2" width="100" height="25" /> > > <s:Button label="Button3" width="100" height="25" /> > > > > </s:Group> > > > > > > > > </s:WindowedApplication> > > >
