2 Replies Latest reply on Feb 6, 2008 12:41 PM by Gregory Lafrance

    Navigation

    chitraspai
      Hi everyone,
      I am new to Flex. But I am familiar with HTML and other Web Technologies.How can I write code to navigate from one page to another? i.e. In HTML there is a anchor tag to navigate.Is any similar tag in Flex.


      Chitra
        • 1. Re: Navigation
          Flex harUI Adobe Employee
          navigateToURL lets you change pages, but good Flex apps transform themselves within one URL. BrowserManager is used to give the appearance of sub-pages within the app
          • 2. Re: Navigation
            Gregory Lafrance Level 6
            Also consider ViewStack. Here is an example, though a bug in the forums replaces the special characters with XML entities. :-(

            <?xml version="1.0"?>
            <mx:Application xmlns:mx=" http://www.adobe.com/2006/mxml">
            <mx:HBox>
            <mx:Accordion id="acd" backgroundColor="#BBBBBB" width="400" height="200">
            <mx:VBox id="accord1" label="Employee Information"
            paddingBottom="20" paddingTop="20" verticalGap="7">
            <mx:Button id="acc1_btn1" label="Show Employee Info"
            click="vs.selectedChild=ee_info"/>
            <mx:Button id="acc1_btn3" label="Show Employee Contact Info"
            click="vs.selectedChild=ee_contact"/>
            </mx:VBox>
            <mx:VBox id="accord2" label="Company Information"
            paddingBottom="20" paddingTop="20" verticalGap="7">
            <mx:Button id="acc2_btn1" label="Show Company Info"
            click="vs.selectedChild=comp_info"/>
            <mx:Button id="acc2_btn3" label="Show Company Contact Info"
            click="vs.selectedChild=comp_contact"/>
            </mx:VBox>
            </mx:Accordion>
            <mx:ViewStack id="vs" width="400" height="200">
            <mx:Panel id="ee_info" title="Employee Info">
            <mx:Form id="ee_info_form" width="100%">
            <mx:FormItem label="First Name:">
            <mx:Label text="Carl"/>
            </mx:FormItem>
            <mx:FormItem label="Last Name:">
            <mx:Label text="Herpendocken"/>
            </mx:FormItem>
            </mx:Form>
            </mx:Panel>
            <mx:Panel id="ee_contact" title="Employee Contact">
            <mx:Form id="ee_contact_form" width="100%">
            <mx:FormItem label="Office Phone Number:">
            <mx:Label text="(408) 444-4444"/>
            </mx:FormItem>
            <mx:FormItem label="Cell Phone Number:">
            <mx:Label text="(408) 555-5555"/>
            </mx:FormItem>
            </mx:Form>
            </mx:Panel>
            <mx:Panel id="comp_info" title="Company Info">
            <mx:Form id="comp_info_form" width="100%">
            <mx:FormItem label="Company Name:">
            <mx:Label text="International Refridgeration Systems"/>
            </mx:FormItem>
            <mx:FormItem label="Company Industry:">
            <mx:Label text="Refridgeration and Cooling Systems"/>
            </mx:FormItem>
            </mx:Form>
            </mx:Panel>
            <mx:Panel id="comp_contact" title="Company Contact">
            <mx:Form id="comp_contact_form" width="100%">
            <mx:FormItem label="Headquarters Phone Number:">
            <mx:Label text="(408) 777-7777"/>
            </mx:FormItem>
            <mx:FormItem label="Headquarters Fax Number:">
            <mx:Label text="(408) 666-6666"/>
            </mx:FormItem>
            </mx:Form>
            </mx:Panel>
            </mx:ViewStack>
            </mx:HBox>
            </mx:Application>