5 Replies Latest reply on Jan 27, 2011 10:01 AM by jfb00

    Hyperlinks in RichEditableText component

    electrox73 Level 1

      How can I make a hyperlink in this component?

       

      I want it like this:

       

      Some random text here.

       

      I want only the bold section to be a hyper link.

       

       

      Regards

        • 1. Re: Hyperlinks in RichEditableText component
          Mohit M Chavda Level 1

          Hi,

           

          In the richtext component you need to varify your characted selection first.

           

          So you need to put some logic where is your starting index of characted and ending index of characted , between this 2 point your link string is exist.

           

          after that you need to implement <a /> (anchor tag) set value on this tag and modify your existing richtextbox's html text and insert this anchor tag's strign insted of your selected link string.

          • 2. Re: Hyperlinks in RichEditableText component
            jfb00 Level 3

            Hi,

            You can do it in two ways.

            <mx:Application
                xmlns:mx="http://www.adobe.com/2006/mxml"
                layout="absolute">
                
                <mx:Script>
                    <![CDATA[
                        [Bindable]
                        public var htmlData:String="Here is <b><a href='http://adobe.com'>Adobe home page</a></b> for everyone.";
                    ]]>
                </mx:Script>
                
                <mx:RichTextEditor id="rte01" htmlText="Here is &lt;b&gt; &lt;a href='http://adobe.com'&gt;Adobe home page&lt;/a&gt;&lt;/b&gt; for everyone." />
                <mx:RichTextEditor id="rte02" htmlText="{htmlData}" x="400"/>
                
            </mx:Application>
            

             

            More reference.

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

             

            Regards

             

            Johnny

            • 3. Re: Hyperlinks in RichEditableText component
              electrox73 Level 1

              Well MX is like completely unknown for my project, it uses FX and I imported the project from Flash Catalyst.

               

              EDIT: I use Flex 4

              • 4. Re: Hyperlinks in RichEditableText component
                electrox73 Level 1

                Here is my whole code (MXML, Flex 4) imported from Flash Catalyst after some editing in Flash Builder 4

                 

                <?xml version='1.0' encoding='UTF-8'?>
                <s:Application xmlns:d="http://ns.adobe.com/fxg/2008/dt" xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" width="1024" height="720" backgroundColor="#FFFFFF" preloaderChromeColor="#FFFFFF" currentState="Home" xmlns:mx="library://ns.adobe.com/flex/mx">
                     <fx:Style source="Main.css"/>
                     <fx:Script>
                          <![CDATA[
                                    
                               protected function button_clickHandler():void
                               {
                                    currentState='Home';
                               }
                
                               protected function button_clickHandler_1():void
                               {
                                    currentState='Videos';
                               }
                
                
                               protected function button_clickHandler_2():void
                               {
                                    currentState='Downloads';
                               }
                
                
                               protected function button_clickHandler_3():void
                               {
                                    navigateToURL( new URLRequest( encodeURI("http://www.youtube.com/user/ThePentagramRanger")), "_blank");
                               }
                
                
                               protected function button_clickHandler_4():void
                               {
                                    navigateToURL( new URLRequest( encodeURI("http://www.facebook.com/pages/The-PentagramRangers-Lair/158547557504534")), "_blank");
                               }
                
                
                               protected function button_clickHandler_5():void
                               {
                                    currentState='Home';
                               }
                
                          ]]>
                
                     </fx:Script>
                     <s:states>
                          <s:State name="Home"/>
                          <s:State name="Videos"/>
                          <s:State name="Downloads"/>
                     </s:states>
                     <fx:DesignLayer d:userLabel="BG">
                          <s:BitmapImage smooth="true" source="@Embed('/assets/images/WebsiteLayoutRaster/Layer 1.png')" d:userLabel="Layer 1" x="0" y="0"/>
                          <s:BitmapImage smooth="true" source="@Embed('/assets/images/WebsiteLayoutRaster/Layer 3.png')" d:userLabel="Layer 3" x="2" y="97"/>
                     </fx:DesignLayer>
                     <s:RichEditableText color="#777777" fontFamily="Arial"  fontSize="9.56" kerning="off" text="Copyright © ThePentagramRanger - Contact" lineHeight="807.8%" d:userLabel="COPYRIGHT" whiteSpaceCollapse="preserve" id="richtext5" buttonMode.Downloads="false" tabStops.Downloads="S0 S50 S100 S150 S200" editable="false" selectable="true" y.Downloads="1058" y.Videos="1058" y.Home="701" x.Downloads="404" x.Videos="404" horizontalCenter.Home="0"  text.Home="Copyright 2011 © ThePentagramRanger - Contact"/>
                          
                     <s:BitmapImage smooth="true" source="@Embed('/assets/images/WebsiteLayoutRaster/Layer 4 copy 3.png')" d:userLabel="Layer 4 copy 3" x="670" y="61"/>
                     <s:BitmapImage smooth="true" source="@Embed('/assets/images/WebsiteLayoutRaster/Home copy.png')" d:userLabel="Home copy" x="604" y="47" visible.Videos="false" id="bitmapimage34" visible.Downloads="false"/>
                     <s:Button skinClass="components.Layer4copy2Button" x="610" y="53" click="button_clickHandler()" buttonMode="true"/>
                     <s:BitmapImage smooth="true" source="@Embed('/assets/images/WebsiteLayoutRaster/Videos copy.png')" d:userLabel="Videos copy" x="737" y="47" visible.Home="false" id="bitmapimage33" visible.Downloads="false"/>
                     <s:Button skinClass="components.Layer4copyButton" x="742" y="53" click="button_clickHandler_1()" buttonMode="true"/>
                     <s:BitmapImage smooth="true" source="@Embed('/assets/images/WebsiteLayoutRaster/Downloads copy.png')" d:userLabel="Downloads copy" x="881" y="47" visible.Home="false" id="bitmapimage32" visible.Videos="false"/>
                     <s:Button skinClass="components.Layer4Button" x="887" y="53" click="button_clickHandler_2()" buttonMode="true"/>
                     <s:Button skinClass="components.NewLogoButton" x="17" y="32" click="button_clickHandler_5()"/>
                     <s:Button skinClass="components.Facebook_iconButton" x="989" y="10" click="button_clickHandler_4()" buttonMode="true"/>
                     <s:Button skinClass="components.youtube_logoButton" x="959" y="10" click="button_clickHandler_3()" buttonMode="true"/>
                     <fx:DesignLayer d:userLabel="Home Page" id="designlayer3">
                          <fx:DesignLayer d:userLabel="Region 1">
                               <s:BitmapImage smooth="true" source="@Embed('/assets/images/WebsiteLayoutRaster/Shape 1.png')" d:userLabel="Shape 1" x="28" y="114" x.Videos="-1040" id="bitmapimage30" x.Downloads="-2060">
                                    <s:mask>
                                         <s:Group x="0" y="0">
                                              <s:Path data="M 6.3 0 L 595.65 0 C 599.15 0 601.95 2.15 601.95 4.8 L 601.95 568.15 C 601.95 570.8 599.15 572.95 595.65 572.95 L 6.3 572.95 C 2.8 572.95 0 570.8 0 568.15 L 0 4.8 C 0 2.15 2.8 0 6.3 0" winding="evenOdd">
                                                   <s:fill>
                                                        <s:SolidColor color="#ff0000"/>
                                                   </s:fill>
                                              </s:Path>
                                         </s:Group>
                                    </s:mask>
                               </s:BitmapImage>
                               <s:BitmapImage smooth="true" source="@Embed('/assets/images/WebsiteLayoutRaster/Layer 3 copy.png')" d:userLabel="Layer 3 copy" x="34" y="158" x.Videos="-1034" id="bitmapimage23" x.Downloads="-2054"/>
                               <s:SkinnableContainer skinClass="components.TextFieldScrollPanel" x.Home="46" x.Videos="-1022" x.Downloads="-2042" id="skinnablecontainer1" d:userLabel="Scroll Panel" y="174" color.Home="#FFFFFF"/>
                          </fx:DesignLayer>
                          <fx:DesignLayer d:userLabel="Region 2">
                               <s:BitmapImage smooth="true" source="@Embed('/assets/images/WebsiteLayoutRaster/Shape 2.png')" d:userLabel="Shape 2" x="656" y="114" x.Videos="-412" id="bitmapimage6" x.Downloads="-1432">
                                    <s:mask>
                                         <s:Group x="0" y="0">
                                              <s:Path data="M 4.95 0 L 341 0 C 343.75 0 345.95 2.2 345.95 4.95 L 345.95 568 C 345.95 570.75 343.75 572.95 341 572.95 L 4.95 572.95 C 2.2 572.95 0 570.75 0 568 L 0 4.95 C 0 2.2 2.2 0 4.95 0" winding="evenOdd">
                                                   <s:fill>
                                                        <s:SolidColor color="#ff0000"/>
                                                   </s:fill>
                                              </s:Path>
                                         </s:Group>
                                    </s:mask>
                               </s:BitmapImage>
                               <s:BitmapImage smooth="true" source="@Embed('/assets/images/WebsiteLayoutRaster/Layer 3 copy 2.png')" d:userLabel="Layer 3 copy 2" x="667" y="158" x.Videos="-401" id="bitmapimage8" x.Downloads="-1421"/>
                               <s:SkinnableContainer skinClass="components.TextFieldScrollPanel2" x.Home="670" x.Videos="-398" x.Downloads="-1418" y="147" id="skinnablecontainer2"/>
                          </fx:DesignLayer>
                          <fx:DesignLayer d:userLabel="Titles">
                               <s:BitmapImage smooth="true" source="@Embed('/assets/images/WebsiteLayoutRaster/Layer 4 copy 4.png')" d:userLabel="Layer 4 copy 4" x="57" y="128" x.Videos="-1011" id="bitmapimage22" x.Downloads="-2031"/>
                               <s:BitmapImage smooth="true" source="@Embed('/assets/images/WebsiteLayoutRaster/Layer 4 copy 5.png')" d:userLabel="Layer 4 copy 5" x="684" y="128" x.Videos="-384" id="bitmapimage2" x.Downloads="-1404"/>
                          </fx:DesignLayer>
                     </fx:DesignLayer>
                     <fx:DesignLayer d:userLabel="Video Page" id="designlayer2">
                          <s:BitmapImage smooth="true" source="@Embed('/assets/images/WebsiteLayoutRaster/Shape 1 copy.png')" d:userLabel="Shape 1 copy" x="1096" y="114" x.Videos="28" id="bitmapimage15" x.Downloads="-992">
                               <s:mask>
                                    <s:Group x="0" y="0">
                                         <s:Path data="M 10.2 0 L 963.75 0 C 969.4 0 973.95 2.15 973.95 4.8 L 973.95 568.15 C 973.95 570.8 969.4 572.95 963.75 572.95 L 10.2 572.95 C 4.55 572.95 0 570.8 0 568.15 L 0 4.8 C 0 2.15 4.55 0 10.2 0" winding="evenOdd">
                                              <s:fill>
                                                   <s:SolidColor color="#ff0000"/>
                                              </s:fill>
                                         </s:Path>
                                    </s:Group>
                               </s:mask>
                          </s:BitmapImage>
                          <s:BitmapImage smooth="true" source="@Embed('/assets/images/WebsiteLayoutRaster/Layer 3 copy 3.png')" d:userLabel="Layer 3 copy 3" x="1113" y="158" x.Videos="45" id="bitmapimage4" x.Downloads="-975"/>
                          <s:BitmapImage smooth="true" source="@Embed('/assets/images/WebsiteLayoutRaster/Layer 4 copy 8.png')" d:userLabel="Layer 4 copy 7" x="1125" y="133" x.Videos="57" id="bitmapimage5" x.Downloads="-963"/>
                          <s:RichText color="#b7b4a6" fontFamily="Transformers Movie" fontSize="42.972" fontWeight="bold" kerning="off" lineHeight="116.45%" textAlign="center" d:userLabel="This section is currently unavailable. please click the youtube" whiteSpaceCollapse="preserve" x.Videos="100" id="richtext4" x.Downloads="-920" text.Videos="This section is currently unavailable.&#xd;please click the youtube icon below" color.Videos="#777777" color.Downloads="#777777" color.Home="#777777" x.Home="1168" y.Downloads="213" y.Videos="213" y.Home="213">
                               <s:content><s:p><s:span>This section is currently unavailable.</s:span></s:p><s:p><s:span>please click the youtube icon below</s:span></s:p></s:content>
                          </s:RichText>
                          <s:BitmapImage smooth="true" source="@Embed('/assets/images/WebsiteLayoutRaster/youtube-logo copy.png')" d:userLabel="youtube-logo copy" x="1445" y="355" x.Videos="377" id="bitmapimage11" x.Downloads="-643"/>
                     </fx:DesignLayer>
                     <fx:DesignLayer d:userLabel="Downloads Page" id="designlayer1">
                          <s:BitmapImage smooth="true" source="@Embed('/assets/images/WebsiteLayoutRaster/Shape 1 copy1.png')" d:userLabel="Shape 1 copy" x="2120" y="114" x.Videos="1052" id="bitmapimage12" x.Downloads="32">
                               <s:mask>
                                    <s:Group x="0" y="0">
                                         <s:Path data="M 10.2 0 L 963.75 0 C 969.4 0 973.95 2.15 973.95 4.8 L 973.95 568.15 C 973.95 570.8 969.4 572.95 963.75 572.95 L 10.2 572.95 C 4.55 572.95 0 570.8 0 568.15 L 0 4.8 C 0 2.15 4.55 0 10.2 0" winding="evenOdd">
                                              <s:fill>
                                                   <s:SolidColor color="#ff0000"/>
                                              </s:fill>
                                         </s:Path>
                                    </s:Group>
                               </s:mask>
                          </s:BitmapImage>
                          <s:BitmapImage smooth="true" source="@Embed('/assets/images/WebsiteLayoutRaster/Layer 3 copy 4.png')" d:userLabel="Layer 3 copy 3" x="2137" y="158" x.Videos="1069" id="bitmapimage28" x.Downloads="49"/>
                          <s:BitmapImage smooth="true" source="@Embed('/assets/images/WebsiteLayoutRaster/Layer 4 copy 9.png')" d:userLabel="Layer 4 copy 7" x="2149" y="133" x.Videos="1081" id="bitmapimage26" x.Downloads="61"/>
                          <s:SkinnableContainer skinClass="components.TextFieldcopyScrollPanel" x.Home="2138" x.Videos="1070" x.Downloads="50" y="175" id="skinnablecontainer3"/>
                     </fx:DesignLayer>
                     <s:transitions>
                          <s:Transition fromState="Home" toState="Videos" autoReverse="true">
                               <s:Parallel>
                                    <s:Parallel target="{bitmapimage30}">
                                         <s:Move duration="500" autoCenterTransform="true" startDelay="0"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage23}">
                                         <s:Move duration="500" autoCenterTransform="true" startDelay="0"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage6}">
                                         <s:Move duration="500" autoCenterTransform="true" startDelay="0"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage8}">
                                         <s:Move duration="500" autoCenterTransform="true" startDelay="0"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage22}">
                                         <s:Move duration="500" autoCenterTransform="true" startDelay="0"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage2}">
                                         <s:Move duration="500" autoCenterTransform="true" startDelay="0"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage15}">
                                         <s:Move duration="500" autoCenterTransform="true" startDelay="0"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage4}">
                                         <s:Move duration="500" autoCenterTransform="true" startDelay="0"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage5}">
                                         <s:Move duration="500" autoCenterTransform="true" startDelay="0"/>
                                    </s:Parallel>
                                    <s:Parallel target="{richtext4}">
                                         <s:Move duration="500" autoCenterTransform="true" startDelay="0"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage11}">
                                         <s:Move duration="500" autoCenterTransform="true" startDelay="0"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage12}">
                                         <s:Move duration="500" autoCenterTransform="true" startDelay="0"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage28}">
                                         <s:Move duration="500" autoCenterTransform="true" startDelay="0"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage26}">
                                         <s:Move duration="500" autoCenterTransform="true" startDelay="0"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage34}">
                                         <s:Fade duration="500" startDelay="0"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage33}">
                                         <s:Fade duration="500" startDelay="0"/>
                                    </s:Parallel>
                                    <s:Parallel target="{skinnablecontainer1}">
                                         <s:Move duration="500" autoCenterTransform="true" startDelay="0"/>
                                    </s:Parallel>
                                    <s:Parallel target="{skinnablecontainer2}">
                                         <s:Move duration="500" autoCenterTransform="true" startDelay="0"/>
                                    </s:Parallel>
                                    <s:Parallel target="{skinnablecontainer3}">
                                         <s:Move duration="500" autoCenterTransform="true" startDelay="0"/>
                                    </s:Parallel>
                               </s:Parallel>
                          </s:Transition>
                          <s:Transition fromState="Downloads" toState="Videos" autoReverse="true">
                               <s:Parallel>
                                    <s:Parallel target="{bitmapimage30}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage23}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage6}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage8}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage22}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage2}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage15}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage4}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage5}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{richtext4}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage11}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage12}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage28}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage26}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage33}">
                                         <s:Fade duration="500"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage32}">
                                         <s:Fade duration="500"/>
                                    </s:Parallel>
                                    <s:Parallel target="{skinnablecontainer1}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{skinnablecontainer2}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{skinnablecontainer3}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                               </s:Parallel>
                          </s:Transition>
                          <s:Transition fromState="Downloads" toState="Home" autoReverse="true">
                               <s:Parallel>
                                    <s:Parallel target="{bitmapimage30}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage23}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage6}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage8}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage22}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage2}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage15}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage4}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage5}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{richtext4}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage11}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage12}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage28}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage26}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage34}">
                                         <s:Fade duration="500"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage32}">
                                         <s:Fade duration="500"/>
                                    </s:Parallel>
                                    <s:Parallel target="{skinnablecontainer1}">
                                         <s:Move duration="500" autoCenterTransform="true" startDelay="0"/>
                                    </s:Parallel>
                                    <s:Parallel target="{skinnablecontainer2}">
                                         <s:Move duration="500" autoCenterTransform="true" startDelay="0"/>
                                    </s:Parallel>
                                    <s:Parallel target="{skinnablecontainer3}">
                                         <s:Move duration="500" autoCenterTransform="true" startDelay="0"/>
                                    </s:Parallel>
                               </s:Parallel>
                          </s:Transition>
                          <s:Transition fromState="Videos" toState="Downloads" autoReverse="true">
                               <s:Parallel>
                                    <s:Parallel target="{bitmapimage30}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage23}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage6}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage8}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage22}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage2}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage15}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage4}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage5}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{richtext4}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage11}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage12}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage28}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage26}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage33}">
                                         <s:Fade duration="500"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage32}">
                                         <s:Fade duration="500"/>
                                    </s:Parallel>
                                    <s:Parallel target="{skinnablecontainer1}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{skinnablecontainer2}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{skinnablecontainer3}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                               </s:Parallel>
                          </s:Transition>
                          <s:Transition fromState="Videos" toState="Home" autoReverse="true">
                               <s:Parallel>
                                    <s:Parallel target="{bitmapimage30}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage23}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage6}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage8}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage22}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage2}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage15}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage4}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage5}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{richtext4}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage11}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage12}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage28}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage26}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage34}">
                                         <s:Fade duration="500"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage33}">
                                         <s:Fade duration="500"/>
                                    </s:Parallel>
                                    <s:Parallel target="{skinnablecontainer1}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{skinnablecontainer2}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{skinnablecontainer3}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                               </s:Parallel>
                          </s:Transition>
                          <s:Transition fromState="Home" toState="Downloads" autoReverse="true">
                               <s:Parallel>
                                    <s:Parallel target="{bitmapimage30}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage23}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage6}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage8}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage22}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage2}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage15}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage4}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage5}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{richtext4}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage11}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage12}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage28}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage26}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage34}">
                                         <s:Fade duration="500"/>
                                    </s:Parallel>
                                    <s:Parallel target="{bitmapimage32}">
                                         <s:Fade duration="500"/>
                                    </s:Parallel>
                                    <s:Parallel target="{skinnablecontainer1}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{skinnablecontainer2}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                                    <s:Parallel target="{skinnablecontainer3}">
                                         <s:Move duration="500" autoCenterTransform="true"/>
                                    </s:Parallel>
                               </s:Parallel>
                          </s:Transition>
                     </s:transitions>
                </s:Application>
                
                 
                

                • 5. Re: Hyperlinks in RichEditableText component
                  jfb00 Level 3

                  Always start with simple example. Hold Ctrl and click in the link.

                   

                  <?xml version="1.0" encoding="utf-8"?>
                  <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
                                 xmlns:s="library://ns.adobe.com/flex/spark" 
                                 xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
                      <fx:Declarations>
                          <!-- Place non-visual elements (e.g., services, value objects) here -->
                      </fx:Declarations>
                      <s:RichEditableText x="272" y="49" editable="true" selectable="true">
                          <s:textFlow>
                              <s:TextFlow>
                                  <s:p>Here is <s:a href="http://adobe.com">Adobe home page</s:a> for everyone.</s:p>
                              </s:TextFlow>
                          </s:textFlow>
                      </s:RichEditableText>
                  </s:Application>
                  

                   

                  Rgds

                   

                  Johnny