6 Replies Latest reply on Mar 18, 2008 9:28 AM by realtime158

    next screen

    realtime158 Level 1

      Lets say a user logs into a application and if the login is successful it will show the next screen with different content of the application how do i do this?

      Thanks...
        • 1. Re: next screen
          MotionMaker Level 1
          Look at using ViewStack
          • 2. Re: next screen
            realtime158 Level 1
            When you create a new project in that project you have a folder called SRC

            how do you pass variables from one MXML application to another.

            Also lets say the user would login successfully it would load another Flex Application within
            the src folder.


            So in that src folder you would have the following

            - Scr
            -->Login.mxml
            -->sucess.mxml
            • 3. Re: next screen
              ntsiii Level 3
              You DO NOT "load another Flex Application".

              Both Login.mxml and Success.mxml should be implemented as components, not as Applications. You use a ViewStack to switch between the views.

              Tracy
              • 4. Re: next screen
                realtime158 Level 1

                Thanks where is some good documentation on how to lay your project out. Also i see what you are saying is basically
                login and success as separate components and load them in the stack views.

                Thanks...
                • 5. Re: next screen
                  Gregory Lafrance Level 6
                  Here is a sample app I created to show using ViewStack for an entire website:

                  ------------------------- ViewStack1.mxml ---------------------
                  <?xml version="1.0" encoding="utf-8"?>
                  <mx:Application xmlns:mx=" http://www.adobe.com/2006/mxml" xmlns:comp="components.*"
                  layout="vertical" width="100%" height="100%" >
                  <comp:TopBar />
                  <mx:HBox width="100%" height="100%">
                  <comp:LeftBar />
                  <mx:VBox width="100%" height="100%">
                  <mx:ViewStack id="myViewStack" borderStyle="none" width="100%" height="100%">
                  <mx:VBox id="home" width="100%">
                  <comp:MainIntroText />
                  <mx:HRule width="50%" height="3" strokeColor="0xCC3333"/>
                  <comp:MainSecondaryText />
                  <mx:HRule width="50%" height="3" strokeColor="0xCC3333"/>
                  <comp:MainFinalText />
                  </mx:VBox>
                  <mx:VBox id="about" width="100%">
                  <comp:About />
                  </mx:VBox>
                  <mx:VBox id="contact" width="100%">
                  <comp:Contact />
                  </mx:VBox>
                  </mx:ViewStack>
                  </mx:VBox>
                  </mx:HBox>
                  </mx:Application>
                  ------------------------------- About.mxml -----------------------
                  <?xml version="1.0" encoding="utf-8"?>
                  <mx:HBox xmlns:mx=" http://www.adobe.com/2006/mxml" width="100%">
                  <mx:VBox width="65%">
                  <mx:Text fontSize="14" width="100%" text="This page tells you about us." />
                  </mx:VBox>
                  </mx:HBox>

                  ----------------------------------- Contact.mxml ---------------------------
                  <?xml version="1.0" encoding="utf-8"?>
                  <mx:HBox xmlns:mx=" http://www.adobe.com/2006/mxml" width="100%">
                  <mx:VBox width="65%">
                  <mx:Text fontSize="14" width="100%" text="This page tells you how to contact us." />
                  </mx:VBox>
                  </mx:HBox>

                  ------------------- LeftBar.mxml -------------------------
                  <?xml version="1.0" encoding="utf-8"?>
                  <mx:VBox xmlns:mx=" http://www.adobe.com/2006/mxml" width="200" height="100%">
                  <mx:LinkButton label="Adobe Labs - Flex"
                  click="navigateToURL(new URLRequest(' http://labs.adobe.com/technologies/flex'), '_blank');"/>
                  <mx:Spacer height="20"/>
                  <mx:Label fontSize="16" text="Flex Blogs"/>
                  <mx:LinkBar direction="vertical" width="90%" itemClick="navigateToURL(new URLRequest(event.item.data), '_blank');">
                  <mx:Object label="Adobe Flex Team Blog" data=" http://weblogs.macromedia.com/flexteam/"/>
                  <mx:Object label="Flex Blog Aggregator" data=" http://www.allyourflexarebelongtous.com/"/>
                  <mx:Object label="Adobe Flex Blog Aggregator" data=" http://weblogs.macromedia.com/mxna/index.cfm?query=byCategory&#38;categoryId=5&#38;categor yName=Flex"/>
                  </mx:LinkBar>
                  <mx:Spacer height="20"/>
                  <mx:Label fontSize="16" text="Example Flex Apps"/>
                  <mx:LinkBar direction="vertical" id="addlRscList" width="90%" itemClick="navigateToURL(new URLRequest(event.item.data), '_blank');">
                  <mx:Object label="Adobe Flex Store" data=" http://www.adobe.com/devnet/flex/samples/flex_store_v2/"/>
                  <mx:Object label="Adobe Dashboard Example" data=" http://examples.adobe.com/flex2/inproduct/sdk/dashboard/dashboard.html"/>
                  <mx:Object label="Buzzword Word Processor" data=" http://preview.getbuzzword.com/?s=true"/>
                  <mx:Object label="Adobe Style Explorer" data=" http://examples.adobe.com/flex2/consulting/styleexplorer/Flex2StyleExplorer.html"/>
                  <mx:Object label="Adobe Component Explorer" data=" http://examples.adobe.com/flex2/inproduct/sdk/explorer/explorer.html"/>
                  </mx:LinkBar>
                  </mx:VBox>

                  ----------------------- MainFinalText.mxml ----------------------------
                  <?xml version="1.0" encoding="utf-8"?>
                  <mx:VBox xmlns:mx=" http://www.adobe.com/2006/mxml" width="100%">
                  <mx:Text width="100%" fontSize="12"
                  text="Here is the final text I want to show you." />
                  </mx:VBox>

                  --------------------------- MainIntroText.mxml -------------------------------
                  <?xml version="1.0" encoding="utf-8"?>
                  <mx:VBox xmlns:mx=" http://www.adobe.com/2006/mxml" width="100%">
                  <mx:Text width="100%" fontSize="12"
                  text="Here is the main text I want to show you." />
                  </mx:VBox>

                  ----------------------- MainSecondaryText.mxml --------------------------------
                  <?xml version="1.0" encoding="utf-8"?>
                  <mx:VBox xmlns:mx=" http://www.adobe.com/2006/mxml" width="100%">
                  <mx:Text width="100%" fontSize="12"
                  text="Here is the secondary text I want to show you." />
                  </mx:VBox>

                  --------------- TopBar.mxml --------------------------------
                  <?xml version="1.0" encoding="utf-8"?>
                  <mx:HBox xmlns:mx=" http://www.adobe.com/2006/mxml" width="100%">
                  <mx:Script>
                  <![CDATA[
                  private function goToViews(view:String):void {
                  if(view == "home"){
                  this.parentApplication.myViewStack.selectedChild=this.parentApplication.home;
                  }
                  if(view == "about"){
                  this.parentApplication.myViewStack.selectedChild=this.parentApplication.about;
                  }
                  if(view == "contact"){
                  this.parentApplication.myViewStack.selectedChild=this.parentApplication.contact;
                  }
                  }
                  ]]>
                  </mx:Script>
                  <mx:LinkButton label="MySnazzyLogo" fontSize="20" click="goToViews('home');" />
                  <mx:VBox width="100%">
                  <mx:HBox width="100%">
                  <mx:Spacer width="100%" />
                  <mx:LinkBar fontSize="14" itemClick="goToViews(String(event.item.data));">
                  <mx:Array>
                  <mx:Object label="About Us" data="about"/>
                  <mx:Object label="Contact Us" data="contact"/>
                  </mx:Array>
                  </mx:LinkBar>
                  </mx:HBox>
                  <mx:HBox width="100%">
                  <mx:Spacer width="150" />
                  <mx:Label fontSize="25" text="Here is Some Additional Text" />
                  </mx:HBox>
                  </mx:VBox>
                  </mx:HBox>
                  • 6. Re: next screen
                    realtime158 Level 1
                    Thanks i am going to try this out tonight :)