1 Reply Latest reply on Feb 18, 2008 9:22 PM by Sreenivas R

    transitioning the opening of the application

    jooeee Level 1
      I have my application pages opening with effects such as fade, iris etc. when the navigation buttons are clicked. Once the application is open the transitions going from page to page work fine. I want the initial loading of the application when the "index" page opens to be either a fade or iris effect. Each of the pages of the application are custom components within a ViewStack. Suggestions or assistance is appreciated. Application MXML page code is listed below. Thanks Joe K.

      <?xml version="1.0" encoding="utf-8"?>
      <mx:Application xmlns:mx=" http://www.adobe.com/2006/mxml" layout="absolute" color="#FFFFFF"
      xmlns:comp="components.*">
      <!-- This the start of the Master Container that centers the application in the middle of the browser -->


      <mx:Canvas xmlns:mx=" http://www.adobe.com/2006/mxml" id="mastercon" height="100%" width="915" y="10" horizontalCenter="0" >



      <!-- This is the start of the View Stack Main Horizontal container -->

      <mx:ViewStack id="vStackMain" x="135" y="83" width="780" height="460"
      backgroundColor="#ffffff">

      <comp:Theatre id="theatre"/>
      <comp:VisualArts id="visualarts"/>
      <comp:AboutUs id="aboutus"/>
      <comp:Admission id="admission"/>
      <comp:Awards id="awards"/>
      <comp:Calendar id="calendar"/>
      <comp:Dance id="dance"/>
      <comp:EventsAndNews id="eventsandnews"/>
      <comp:Faculty id="faculty"/>
      <comp:FAQ id="faq"/>
      <comp:Help id="help"/>
      <comp:LiteraryArts id="literaryarts"/>
      <comp:PCAHome id="pcahome"/>
      <comp:PCAVideo id="pcavideo"/>
      <comp:Strings id="strings"/>
      <comp:TouringGroups id="touringgroups"/>
      <comp:Vocal id="vocal"/>
      <comp:WindPercussion id="wp"/>
      <comp:Theatre2 id="theatre2" />

      </mx:ViewStack>

      <comp:Logo id="logo" x="0" width="135" height="75" y="0"/>

      <!-- This is the start of the Right Banner container -->
      <mx:Canvas y="0" width="780" height="75" id="rtBanner" backgroundColor="#000000" x="135" fontStyle="normal">

      <mx:LinkButton x="120" y="48" label="Dance " fontWeight="normal"
      click="vStackMain.selectedChild=dance" fontAntiAliasType="advanced" rollOverColor="#E7C2CC"/>
      <mx:LinkButton x="180" y="48" label="Literary Arts" fontWeight="normal"
      click="vStackMain.selectedChild=literaryarts" fontAntiAliasType="normal" rollOverColor="#E7C2CC"/>
      <mx:LinkButton x="272" y="48" label="Strings" fontWeight="normal"
      click="vStackMain.selectedChild=strings" fontAntiAliasType="normal" rollOverColor="#E7C2CC"/>
      <mx:LinkButton x="327" y="48" label="Theatre" fontWeight="normal"
      click="vStackMain.selectedChild=theatre" fontAntiAliasType="normal" rollOverColor="#E7C2CC"/>
      <mx:LinkButton x="396" y="48" label="Visual Arts" fontWeight="normal"
      click="vStackMain.selectedChild=visualarts" fontAntiAliasType="normal" rollOverColor="#E7C2CC"/>
      <mx:LinkButton x="480" y="48" label="Wind-Percussion" fontWeight="normal"
      click="vStackMain.selectedChild=wp" fontAntiAliasType="normal" rollOverColor="#E7C2CC"/>
      <mx:LinkButton x="598" y="48" label="Home " fontWeight="normal"
      click="vStackMain.selectedChild=pcahome" fontAntiAliasType="normal" rollOverColor="#E7C2CC"/>

      <mx:Image x="190" y="10" source="assets/pca-banner-2006-07.jpg"/>


      </mx:Canvas>

      <!-- This is the start of the Right Footer container -->
      <mx:Canvas x="135" y="576" width="780" height="45" id="rtFooter" backgroundColor="#000000">

      <mx:Label x="277.5" y="17" text="design &amp; development by joe kerenick 2008" fontFamily="Verdana" fontSize="9" color="#c0c0c0" textAlign="center"/>

      </mx:Canvas>



      <!-- This is the start of the Left Footer container -->

      <mx:Canvas x="0" y="576" width="135" height="45" id="leftFooter" backgroundColor="#ffffff">
      </mx:Canvas>



      <!-- This is start of SideBar and Left Navigation Containers -->

      <mx:Canvas x="0" y="83" width="135" height="484" id="leftSideBar" backgroundColor="#000000">

      <mx:LinkButton label="About Us" fontFamily="Verdana" color="#ffffff" textAlign="center" fontSize="10" fontWeight="normal" themeColor="#C0C0C0"
      click="vStackMain.selectedChild=aboutus" fontAntiAliasType="advanced" fontStyle="normal" rollOverColor="#E7C2CC" fontSharpness="200" fontThickness="10" kerning="true" horizontalCenter="0" verticalCenter="-184"/>
      <mx:LinkButton label="Admission" fontWeight="normal"
      click="vStackMain.selectedChild=admission" fontAntiAliasType="normal" fontSize=" 10" rollOverColor="#E7C2CC" horizontalCenter="0" verticalCenter="-154"/>
      <mx:LinkButton label="PCA Awards" fontWeight="normal"
      click="vStackMain.selectedChild=awards" fontAntiAliasType="normal" rollOverColor="#E7C2CC" horizontalCenter="0" verticalCenter="-124"/>
      <mx:LinkButton label="Calendar" fontWeight="normal"
      click="vStackMain.selectedChild=calendar" fontAntiAliasType="normal" rollOverColor="#E7C2CC" letterSpacing=".5" horizontalCenter="0" verticalCenter="-94"/>
      <mx:LinkButton label="Faculty" fontWeight="normal"
      click="vStackMain.selectedChild=faculty" fontAntiAliasType="normal" fontThickness="2" rollOverColor="#E7C2CC" horizontalCenter="0" verticalCenter="-64"/>
      <mx:LinkButton label="Orientation Video" fontWeight="normal"
      click="vStackMain.selectedChild=pcavideo" fontAntiAliasType="normal" rollOverColor="#E7C2CC" horizontalCenter="0" verticalCenter="-34"/>
      <mx:LinkButton label="Richland District 2" fontWeight="normal"
      click="navigateToURL(new URLRequest(' http://www.richland2.org'),'_blank')" fontAntiAliasType="normal" rollOverColor="#E7C2CC" horizontalCenter="1" verticalCenter="-4"/>
      <mx:LinkButton label="RNE High School" fontWeight="normal"
      click="navigateToURL(new URLRequest(' http://www.richland2.org/rnh/'),'_blank')" fontAntiAliasType="normal" rollOverColor="#E7C2CC" horizontalCenter="0" verticalCenter="26"/>
      <mx:LinkButton label="Help" fontWeight="normal"
      click="vStackMain.selectedChild=help" fontAntiAliasType="normal" rollOverColor="#E7C2CC" horizontalCenter="0" verticalCenter="86"/>
      <mx:LinkButton label="Home" fontWeight="normal"
      click="vStackMain.selectedChild=pcahome" fontAntiAliasType="normal" rollOverColor="#E7C2CC" horizontalCenter="0" verticalCenter="116"/>
      <mx:LinkButton label="Touring Groups" fontWeight="normal"
      click="vStackMain.selectedChild=touringgroups" fontAntiAliasType="normal" rollOverColor="#E7C2CC" horizontalCenter="0" verticalCenter="56"/>


      </mx:Canvas>

      <!-- This the start of the News and Events container -->

      <mx:HBox x="0" y="74" width="915" height="10" color="#CC0033" backgroundColor="#CC0033">
      </mx:HBox>

      <mx:HBox x="0" y="566" width="915" height="10" color="#CC0033" backgroundColor="#CC0033">
      </mx:HBox>

      <mx:Canvas x="135" y="543" width="780" height="22" backgroundColor="#ffffff">
      <mx:LinkButton x="276" y="4" label="Upcoming Events and News" height="15" themeColor="#808080" fontFamily="Verdana" fontSize="11" color="#000000" fillColors="[#CC0033, #ffffff]"
      width="222" enabled="true"/>
      </mx:Canvas>

      </mx:Canvas>
      </mx:Application>