Textflow link element doesn't work after append to an existed textflow

I can reproduce this in TLF 2.0 and filed a bug.  I did observe that if I click on textFlow2 the link begins to work.  What version of TLF are you using?

Thanks,

Richard

Yes - Flex 4.1 is using TLF 1.1.  Thanks.

I have fixed this in 2.0.  For a 1.1 workaround you can do this:

<?xml version="1.0" encoding="utf-8"?>

My fix hasn't been posted to the TLF sourceforge site yet - there's a lag because we have to run a script that get's odd timeout errors. A separate 2.0 bug with scrolled links demonstrated by your example was fixed a couple of days ago - build 200 contains all these fixes.

In your sample code the call to updateAllControllers can cause a RTE.  The textFlow in a RichEditableText is not guaranteed to have a flowComposer. Normally flex takes care of composing for you and that line can be removed.

If you do want to force a compose use this function:

ret.mx_internal::textContainerManager.updateContainer()

BTW thanks for the code examples - they're much easier to follow than verbal descriptions.

Hope that helps,

Richard

Can't comment about 4.5 dates beyond what's posted here:

http://opensource.adobe.com/wiki/display/flexsdk/Hero

Richard

I'm facing the same issue and i'm using 4.5 SDk.

Here's my code. Works fine if textFlow value is not bindable, else shows nothing(Blank).

<?xml version="1.0" encoding="utf-8"?>

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"

   xmlns:mx="library://ns.adobe.com/flex/mx"

   xmlns:s="library://ns.adobe.com/flex/spark"

   creationComplete="init()">

<s:layout>

<s:VerticalLayout/>

</s:layout>

<fx:Script>

<![CDATA[

import flash.text.engine.FontWeight;

import flashx.textLayout.conversion.TextConverter;

import flashx.textLayout.elements.ParagraphElement;

import flashx.textLayout.elements.TextFlow;

import spark.utils.TextFlowUtil;

private var hi:String="my code"

private var cnt:int=10;

var markup:String="hello";

private var text:TextFlow;

private var levelName:String = "family"

public function init()

{

trace("here");

markup += "world";

if(levelName == "family"){

markup +="<span fontSize='15' color='#ff0000' fontFamily='Verdana'>"+ hi + "</span> (<span fontSize='12' color='#007fc5' fontFamily='Arial'>"+cnt+") > </span>";

trace("string::"+markup)

}

text=TextFlowUtil.importFromString(markup,TextConverter.TEXT_FIELD_HTML_FORMAT);

}

private function clickBtn(event:MouseEvent):void{

markup += "world";

if(levelName == "family"){

markup +="<span fontSize='15' color='#ff0000' fontFamily='Verdana'>"+ hi + "</span> (<span fontSize='12' color='#007fc5' fontFamily='Arial'>"+cnt+") > </span>";

trace("string::"+markup)

}

rTxt1.textFlow =TextFlowUtil.importFromString(markup,TextConverter.TEXT_FIELD_HTML_FORMAT);

}

]]>

</fx:Script>

<s:RichText>

Hello

<s:span fontSize='16'>BIG NEW</s:span>

World!

</s:RichText>

<!-- Or the TextFlow child tag. -->

<s:RichText id="rTxt" textFlow="{text}"/>

<s:RichText id="rTxt1" />

<s:Button click="clickBtn(event)" label="Click"/>

</s:Application>

Replace the line

rTxt1.textFlow =TextFlowUtil.importFromString(markup,TextConverter.TEXT_FIELD_HTML_F ORMAT);

with

var imp:ITextImporter = TextConverter.getImporter(TextConverter.TEXT_FIELD_HTML_FORMAT);
rTxt1.textFlow = imp.importToFlow(markup);

Then your code will work.

flashx.textLayout.convertion.TextConverter is the converter in TLF, which work well. TextFlowUtil is not under our control.

Hi Jin,

Thanks for the response, but its not working for me.

Its not working for when i'm binding the value.. can you please once lok at it and helping me in resolving this issue.

<?xml version="1.0" encoding="utf-8"?>

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"

   xmlns:mx="library://ns.adobe.com/flex/mx"

   xmlns:s="library://ns.adobe.com/flex/spark"

   creationComplete="init()">

<s:layout>

<s:VerticalLayout/>

</s:layout>

<fx:Script>

<![CDATA[

import flash.text.engine.FontWeight;

import flashx.textLayout.conversion.ITextImporter;

import flashx.textLayout.conversion.TextConverter;

import flashx.textLayout.elements.ParagraphElement;

import flashx.textLayout.elements.TextFlow;

import spark.utils.TextFlowUtil;

private var hi:String="my code"

private var cnt:int=10;

var markup:String="hello";

private var text:TextFlow;

private var levelName:String = "family"

public function init()

{

trace("here");

markup += "world";

if(levelName == "family"){

markup +="<span fontSize='15' color='#ff0000' fontFamily='Verdana'>"+ hi + "</span> (<span fontSize='12' color='#007fc5' fontFamily='Arial'>"+cnt+") > </span>";

trace("string::"+markup)

}

var imp:ITextImporter = TextConverter.getImporter(TextConverter.TEXT_FIELD_HTML_FORMAT);

text = imp.importToFlow(markup); {Your code}

//text=TextFlowUtil.importFromString(markup,TextConverter.TEXT_FIELD_HTML_FORMAT); {my code}

}

private function clickBtn(event:MouseEvent):void{

markup += "world";

if(levelName == "family"){

markup +="<span fontSize='15' color='#ff0000' fontFamily='Verdana'>"+ hi + "</span> (<span fontSize='12' color='#007fc5' fontFamily='Arial'>"+cnt+") > </span>";

trace("string::"+markup)

}

rTxt1.textFlow =TextFlowUtil.importFromString(markup,TextConverter.TEXT_FIELD_HTML_FORMAT);

}

]]>

</fx:Script>

<s:RichText>

Hello

<s:span fontSize='16'>BIG NEW</s:span>

World!

</s:RichText>

<!-- Or the TextFlow child tag. -->

<s:RichText id="rTxt" textFlow="{text}"/> {not working this way}

<s:RichText id="rTxt1" />

<s:Button click="clickBtn(event)" label="Click"/> {Working this way}

</s:Application>

[Bindable]
private var text:TextFlow;

Declare text as Bindable

Besides, I found that two types of import show different results. Choose the one you like

After binding i can see the text but without formatting...so my problem is still at the place from where i have started

Am i missing anything?

Message was edited by: kanukukreja

One more thing which i just noticed is that after removing textFlowUtil from the clickEvent, its also started showing the text without formatting.

private function clickBtn(event:MouseEvent):void{

markup += "world";

if(levelName == "family"){

markup +="<span fontSize='15' color='#ff0000' fontFamily='Verdana'>"+ hi + "</span> (<span fontSize='12' color='#007fc5' fontFamily='Arial'>"+cnt+") > </span>";

trace("string::"+markup)

}

var imp:ITextImporter = TextConverter.getImporter(TextConverter.TEXT_FIELD_HTML_FORMAT);

rTxt1.textFlow = imp.importToFlow(markup);

//rTxt1.textFlow =TextFlowUtil.importFromString(markup,TextConverter.TEXT_FIELD_HTML_FORMAT);

}

TextFlowUtil.importFromString will give you text with sytles, while  imp.importToFlow cannot. I will investigate if it's a TLF bug.

(At the very beginning, TextFlowUtil.importFromString does not show any text, but importToFlow can. But now importFromString works. I'm not sure what's going on. My answer at #9 is wrong.)

Thanks a ton Jin for the quick responses, please share if you find anything regarding the same.

TextFlowUtil.importFromString will give you text with sytles, while  imp.importToFlow cannot. I will investigate if it's a TLF bug.

>>> Let me know if you find any solution for the same.

(At the very beginning, TextFlowUtil.importFromString does not show any text, but importToFlow can.

>>> Only in the case of bindable textflow values otherwise it shows the formatted text.

But now importFromString works. I'm not sure what's going on. My answer at #9 is wrong.)

Is the result OK for you after you run the code as follows?

<?xml version="1.0" encoding="utf-8"?>

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:mx="library://ns.adobe.com/flex/mx"
               xmlns:s="library://ns.adobe.com/flex/spark"
               creationComplete="init()">
    <s:layout>
        <s:VerticalLayout/>
    </s:layout>
    <fx:Script>

        <![CDATA[
            import flash.text.engine.FontWeight;
            import flashx.textLayout.conversion.*;
            import flashx.textLayout.elements.ParagraphElement;
            import flashx.textLayout.elements.TextFlow;
            import spark.utils.TextFlowUtil;
            private var hi:String="my code"
            private var cnt:int=10;
            var markup:String="hello";
            [Bindable]
            private var text:TextFlow;
            private var levelName:String = "family"
            public function init()
            {
                trace("here");
                markup += "world";
                if(levelName == "family"){
                    markup +="<span fontSize='15' color='#ff0000' fontFamily='Verdana'>"+ hi + "</span> (<span fontSize='12' color='#007fc5' fontFamily='Arial'>"+cnt+") > </span>";
                    trace("string::"+markup)
                }
                text = TextFlowUtil.importFromString(markup,TextConverter.TEXT_FIELD_HTML_FORMAT);
            }
           
            private function clickBtn(event:MouseEvent):void{
                markup += "world";
                if(levelName == "family"){
                    markup +="<span fontSize='15' color='#ff0000' fontFamily='Verdana'>"+ hi + "</span> (<span fontSize='12' color='#007fc5' fontFamily='Arial'>"+cnt+") > </span>";
                    trace("string::"+markup)
                }
                rTxt1.textFlow =TextFlowUtil.importFromString(markup,TextConverter.TEXT_FIELD_HTML_FORMAT);
            }
        ]]>
       
    </fx:Script>
    <s:RichText>
        Hello
        <s:span fontSize="16">BIG NEW</s:span>
        World!
    </s:RichText>
    <!-- Or the TextFlow child tag. -->
    <s:RichText id="rTxt" textFlow="{text}"/>
    <s:RichEditableText id="rTxt1"/>
    <s:Button label="Click" click="clickBtn(event)"/>
</s:Application>

Thanks a Jin, its working fine now.

I found one more way of doing the same, please have a look below:

<?xml version="1.0" encoding="utf-8"?>

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"

   xmlns:mx="library://ns.adobe.com/flex/mx"

   xmlns:s="library://ns.adobe.com/flex/spark"

   creationComplete="init()">

<s:layout>

<s:VerticalLayout/>

</s:layout>

<fx:Script>

<![CDATA[

import flashx.textLayout.conversion.ITextImporter;

import flashx.textLayout.conversion.TextConverter;

import flashx.textLayout.elements.TextFlow;

import spark.utils.TextFlowUtil;

[Bindable]

private var textFlowTxt:TextFlow;

private var hi:String="my code"

private var cnt:int=10;

private var markup:String="hello";

private var levelName:String = "family";

private function createTextFlow():TextFlow {

var htmlText:String = "<span fontSize='15' color='#ff0000' fontFamily='Verdana'>"+ hi + "</span> (<span fontSize='12' color='#007fc5' fontFamily='Arial'>"+cnt+") > </span>";

var textFlow:TextFlow = TextFlowUtil.importFromString(htmlText, TextConverter.TEXT_FIELD_HTML_FORMAT );

return textFlow;

}

]]>

</fx:Script>

<s:RichText>

Hello

<s:span fontSize='16'>BIG NEW</s:span>

World!

</s:RichText>

<!-- Or the TextFlow child tag. -->

<s:RichText id="rTxt" textFlow="{createTextFlow()}"/>

</s:Application>