2 Replies Latest reply on Dec 26, 2009 5:36 AM by Prashant Waykar

    Zoom in, Zoom Out and show all not working properly.

    Prashant Waykar

      <mx:HBox id="hb" width="100%" height="100%">
          <mx:Canvas width="240" height="100%" id="box1" styleName="fseControlBar">
              <mx:Box width="100%" height="100%" styleName="fseControlBar"/>
      <!--        <mx:Box width="100%" height="100%" styleName="fseControlBar">
                  <mx:filters>
                        <flash.filters:BevelFilter xmlns:flash.filters="flash.filters.*" angle="90" blurX="1" blurY="1"
                             distance="1" highlightAlpha=".4" shadowAlpha=".4" highlightColor="0x000000" shadowColor="0xFFFFFF" knockout="true" />
                    </mx:filters>
              </mx:Box>
      -->       
              <mx:Image source="{isClosed == false?(closeNav):openNav}" useHandCursor="true" buttonMode="true" mouseChildren="false"
                   click="discloseNav()" id="closeNavBtn" right="5" top="5" />
              <!-- ? ke baad waala is then and : ke baad waala is else -->
              <mx:ViewStack left="5" top="20" bottom="10" right="5" id="navStack">
                  <outstart:navigationtree id="navTree"/>
                  <navigator:listNav id="listNav" change="currentView = listNav.currentView; " currentView="{currentView}" cornerRadius="8"/>
                  <navigator:miniNav id="miniNav" change="currentView = miniNav.currentView;" currentView="{currentView}"  />
              </mx:ViewStack>

              <mx:ToggleButtonBar left="10" bottom="5" id="viewToggle" styleName="fseToggleButtons"
                   itemClick="clickHandler1(event);" toggleOnClick="true" selectedIndex="-1" width="91" height="22">
                   <mx:dataProvider>
                      <mx:Array>
                          <mx:Object icon="{list}"  toolTip="Compress"/>                  
                          <mx:Object icon="{treeIcon}" toolTip="Expand"/>
                          <mx:Object id="resetButton" icon="{refresh}" toolTip="Reset"/>               
                      </mx:Array>
                  </mx:dataProvider>
              </mx:ToggleButtonBar>

       


          </mx:Canvas>

       

      <mx:VBox id="vb" height="100%" width="100%" styleName="glassPods" cornerRadius="8" backgroundColor="#ffffff" paddingBottom="10" paddingLeft="10" paddingRight="2" paddingTop="10">      

       

          <mx:Canvas id="panel" width="100%" height="350" y="-180" includeInLayout="false" visible="false" backgroundColor="#000000" verticalScrollBarStyleName="fseVerticalScrollBar">
              <mx:HBox width="100%" backgroundColor="#333333" height="74" verticalAlign="middle" paddingLeft="14">
                  <mx:Image source="@Embed('assets/BS_assessment_logo.gif')"/>
                  <mx:Spacer width="15"/>   
                  <mx:Label htmlText="Assessment Section" fontWeight="bold" fontSize="20" color="#ffffff" horizontalCenter="0" verticalCenter="-17"/>
              </mx:HBox>
             
              <mx:Button id="buttonId" label="Take Assessment" includeInLayout="true" visible="true" click="showAssessment()" x="551.5" y="291"/>       
                             <mx:Label htmlText="Clicking on the Take Assessment button will be considered as a try." styleName="myLabelBluesteel" x="398" y="94" width="711"/>

       

              <mx:LinkButton id="btn" width="100%"  height="21" 
                  bottom="0" horizontalCenter="0"
                  label="Close"
                    click="toggleBtn(event)"/>

       

              <mx:Grid width="100%" x="0.5" y="125">
                  <mx:GridRow width="100%" height="100%">
                      <mx:GridItem width="100%" height="100%" horizontalAlign="right">
                          <mx:Label htmlText="Number of tries available :" styleName="myLabelBluesteel"/>
                      </mx:GridItem>
                      <mx:GridItem width="100%" height="100%">
                          <mx:Label htmlText="Unlimited" styleName="myLabelBluesteel"/>
                      </mx:GridItem>
                  </mx:GridRow>
                  <mx:GridRow width="100%" height="100%">
                      <mx:GridItem width="100%" height="100%" horizontalAlign="right">
                          <mx:Label htmlText="Number of tries taken :" styleName="myLabelBluesteel"/>
                      </mx:GridItem>
                      <mx:GridItem width="100%" height="100%">
                          <mx:Label htmlText="120" styleName="myLabelBluesteel"/>
                      </mx:GridItem>
                  </mx:GridRow>
                  <mx:GridRow width="100%" height="100%">
                      <mx:GridItem width="100%" height="100%" horizontalAlign="right">
                          <mx:Label htmlText="Number of tries remaining :" styleName="myLabelBluesteel"/>
                      </mx:GridItem>
                      <mx:GridItem width="100%" height="100%">
                          <mx:Label htmlText="Unlimited" styleName="myLabelBluesteel"/>
                      </mx:GridItem>
                  </mx:GridRow>
                  <mx:GridRow width="100%" height="100%">
                      <mx:GridItem width="100%" height="100%" horizontalAlign="right">
                          <mx:Label htmlText="Assessment Duration :" styleName="myLabelBluesteel"/>
                      </mx:GridItem>
                      <mx:GridItem width="100%" height="100%">
                          <mx:Label htmlText="03:00:00 (HH:MM:SS)" styleName="myLabelBluesteel"/>
                      </mx:GridItem>
                  </mx:GridRow>
              </mx:Grid>
          </mx:Canvas>

       

       

          <mx:Canvas id="contentId" includeInLayout="true" visible="true" width="100%" color="#333333" height="100%" verticalScrollBarStyleName="fseVerticalScrollBar" horizontalScrollPolicy="off">   
              <outstart:contentpane id="content" width="90%" height="206" left="10" right="15" top="14" bottom="14" borderStyle="none"
              paddingTop="10" paddingRight="3" paddingLeft="10" paddingBottom="10"/>
          </mx:Canvas>
      </mx:VBox>  

       

      </mx:HBox>

       

      .....

      ..

      .

      ..

      .This is my application and i have added contextmenu items to the HBOX

       

                      /*var customContextMenu:ContextMenu = new ContextMenu();
                      customContextMenu.hideBuiltInItems();
                      var defaultItems:ContextMenuBuiltInItems = customContextMenu.builtInItems;
                      defaultItems.print = true;
                      defaultItems.zoom = true;
                      defaultItems.rewind = true;
                      defaultItems.quality = true;
                      hb.contextMenu = customContextMenu;*/

      .

      .

      .

      .

      .

      when i do a zoom in it works properly but when i do a zoom out it does not work properly.

      Even Show all does not work propery.

      I have attached the screen shots of the output which i am getting.

      Can you please help me out with this?

      Thanks in advance.!

       

      Awaiting your reply!!