5 Replies Latest reply on Jul 29, 2009 3:51 AM by salut

    How not to affect two horizontal panels when resizing the browser?

    salut

      I've two horizontal panels within a Canvas. When I resize the browser (IE), PanelB overlaps with PanelA. How do I go about preventing this from happening? How can I make the panels resize when the browser is resized?

       

      <?xml version="1.0" encoding="utf-8"?>
      <mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml"
                 xmlns:controls="org.frb.atl.xxxx.ui.controls.*"
                 width="100%"
                 height="100%"
                 preinitialize="preinit()"
                 creationComplete="init()">

       

       

      <mx:constraintColumns>
              <mx:ConstraintColumn id="col1" width="30%" />
              <mx:ConstraintColumn id="col2" width="70%" />
          </mx:constraintColumns>
         
          <mx:constraintRows>
              <mx:ConstraintRow id="row1" height="25%" />
              <mx:ConstraintRow id="row2" height="100%" />
          </mx:constraintRows>

       

      <mx:Panel id="PanelA"
                    width="100%"
                    height="100%"
                    title="Search"
                    left="col1:0"
                    right="col1:5"
                    top="row1:0"
                    bottom="row2:0"
                    layout="vertical">

       

      </mxPanel>

       

      <mx:Panel id="PanelB"
                    title="Articles: {contentFoundCount.text}"
                    width="100%"
                    height="100%"
                    left="col2:5"
                    right="col2:0">

       

          
         </mx:Panel>

      </mx:Canvas>