2 Replies Latest reply on Jun 27, 2011 9:13 AM by Magick9393

    image stacking (z-index) flex 3.5

    Magick9393

      Hi

       

      This is probably a really simple question, well I hope so, but I cant figure out how to have an image over top of another.

       

      The senario is Im making a banner. I want the left image to be layered over top of the right image.

       

      Thanks for any advice.

        • 1. Re: image stacking (z-index) flex 3.5
          Magick9393 Level 1

           

          So now I am using the following, but the images are not being positioned left and right. One completely obsurecs the other (on the left) and there is nothing on the right.

           

          What am I doing wrong?

          <mx:ViewStack id="viewstack1" >

           

           

          <mx:Canvas label="View 1" width="100%" height="100%">

           

           

          <mx:Image id="rightImg"

          source="

          com/esri/solutions/flexviewer/assets/images/bgTopRight.png"

          maintainAspectRatio="

          true"

          horizontalAlign="

          right"

          verticalAlign="

          top"

          visible="

          true"

          includeInLayout="

          true" autoLoad="true" />

           

           

          <mx:Image id="imgLogo"

          source="

          com/esri/solutions/flexviewer/assets/images/Commission-Eurostat-GISCO-gradient.png"

          maintainAspectRatio="

          true"

          horizontalAlign="

          left"

          verticalAlign="

          top"

          visible="

          true"

          includeInLayout="

          true" autoLoad="true" />

           

           

           

          </mx:Canvas>

           

           

          </mx:ViewStack>

          • 2. Re: image stacking (z-index) flex 3.5
            Magick9393 Level 1

            Could this be a bug? Ive set both images to horizontalAlign="right"  yet the both align left. I have a border around the container, so I can see that it stretches to 100%, but inside both images go to the left.