5 Replies Latest reply on Jul 24, 2008 11:58 PM by SujitG

    Struggling with Creating an External Link for Navigation

    geekjules
      If anyone can help I would be forever grateful. I have spent five hours on this and can't believe there isn't an easy to way to create a navigation bar in Flex3 with external links. I have bought Flex 3 Cookbook and was able to make a link with a text box. But I really just want a simple link going to external website. I found some great information in this forum for the same type of thing with a text box. So any assistance would be most appreciated. I am entirely a new user trying to learn flex in the flex builder3. Take care - Jlie
        • 1. Re: Struggling with Creating an External Link for Navigation
          Madhav Subedi Level 4
          so you have a label/text field to display the link text right?

          now call the following function on its click event.

          private function goToURL():void
          {
          var link:URLRequest=new URLRequest(webURL);
          navigateToURL(link,'_blank');
          }

          i expect you to know how to call a function on click event of you label/text object. if not please paste your code here and i will suggest you.
          • 3. Re: Struggling with Creating an External Link for Navigation
            geekjules Level 1
            Thank you both for your immediate assistance. I am still haven't gotten it yet. It is driving me crazy. I want the word Test on the left hand side to be linked. I also, want to the top words like Getting Started linked. Any help would be most appreciated. Take care - Julie
            <?xml version="1.0" encoding="utf-8"?>
            <mx:Application xmlns:mx=" http://www.adobe.com/2006/mxml" layout="absolute" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#050505, #020202]" height="786" width="1068" borderColor="#0D0D0D">
            <mx:Panel x="261.5" y="86" width="564" height="371" layout="absolute" title="Getting Started" themeColor="#990000" borderColor="#990000" color="#FAF5F5" fontSize="13"></mx:Panel>
            <mx:Panel x="842.5" y="86" width="179" height="282" layout="absolute" title="Applications" color="#F9F6F6" fontSize="13" borderColor="#990000"></mx:Panel>
            <mx:Label x="454" y="44" text="Technology" fontSize="13" color="#FAF4F4" fontFamily="Verdana" fontWeight="bold"/>
            <mx:Label x="356" y="44" text="Teaching" fontSize="13" color="#FAF4F4" fontFamily="Verdana" fontWeight="bold"/>
            <mx:Label x="822" y="44" text="Video Showcase" fontSize="13" color="#FAF4F4" fontFamily="Verdana" fontWeight="bold"/>
            <mx:Label x="266" y="44" text="News" color="#FAF4F4" fontSize="13" fontFamily="Verdana" fontWeight="bold"/>
            <mx:Label x="582" y="44" text="Support" fontSize="13" color="#FAF4F4" fontFamily="Verdana" fontWeight="bold"/>
            <mx:Label x="679" y="44" text="Upcoming Events" color="#FAF4F4" fontSize="13" fontFamily="Verdana" fontWeight="bold"/>
            <mx:Panel x="261.5" y="465" width="183" height="231" layout="absolute" title="Dental School Tour" color="#F7EFEF" fontSize="13" themeColor="#990000" borderColor="#990000">
            </mx:Panel>
            <mx:Panel x="452.5" y="465" width="201" height="231" layout="absolute" title="Upcoming Events" color="#FCF7F7" fontSize="13" themeColor="#990000" borderColor="#990000">
            </mx:Panel>
            <mx:Panel x="661.5" y="465" width="164" height="231" layout="absolute" title="Video Showcase" color="#F9F3F3" fontSize="13" themeColor="#990000" borderColor="#990000">
            </mx:Panel>
            <mx:Panel x="842.5" y="376" width="179" height="320" layout="absolute" title="Support" color="#FDFBFB" fontSize="13" themeColor="#990000" borderColor="#990000">
            </mx:Panel>
            <mx:Text x="341.5" y="725" text="2008 University of Maryland, Baltimore. All Rights Reserved." color="#FCF5F5" fontSize="12"/>
            <mx:Style source="text.css"/>
            <mx:Panel x="38.5" y="86" width="208" height="610" layout="absolute" title="Resources" themeColor="#990000" borderColor="#990000" color="#FAF5F5" fontSize="13">
            <mx:Text x="10" y="24" text="Test" color="#010101" width="50" id="test" enabled="true">
            <mx:click>private function goToURL():void { var link:URLRequest=new URLRequest(webURL); navigateToURL(link,'_blank'); }</mx:click>
            </mx:Text>
            </mx:Panel>
            <mx:MenuBar x="42.5" y="10" height="35" width="983"></mx:MenuBar>

            </mx:Application>







            • 4. Re: Struggling with Creating an External Link for Navigation
              geekjules Level 1
              Thank you all for your help. I finally figured it out with your help and this link. Take care - Julie

              http://livedocs.adobe.com/flex/3/html/help.html?content=controls_04.html

              • 5. Re: Struggling with Creating an External Link for Navigation
                SujitG Level 2
                Hi,

                This forum category is created for developers who are learning Flex using FLEX IN A WEEK training found at this URL

                http://www.adobe.com/devnet/flex/videotraining/

                Please use this forum for discussing topics related to FLEX IN A WEEK video training courses only. For any other discussion please use the Flex General Discussion category or any other appropriate category.

                Thanks for co-operation and apologies for any inconvenience caused.