Flex 4.5 mobile - inline CSS in htmlText

Question

I want to change one word of text to bold and change the text color, but my htmlText is not rendering:
<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
title="ReminderPro Basic" backgroundColor="0xCCFFCC"
creationComplete="init();">
<fx:Script>
  <![CDATA[
   import spark.components.supportClasses.StyleableTextField;
   private var greetingText1:String = "<span style='color: #FF0000; font-weight: bold'>ReminderPro</span> <span style='color: #660066'>makes it easy to create customizable alarms and reminders.</span>";
   [Bindable] private var greetingText2:String = "Great when you need an alarm that repeats, such as a reminder to check something in the over.";
   [Bindable] private var greetingText3:String = "Keep your kids accountable when limiting video game usage.";
   private function init():void{
    StyleableTextField(greetingTA1.textDisplay).htmlText = greetingText1;   
  ]]>
</fx:Script>
<s:layout>
  <s:VerticalLayout gap="20" paddingTop="50" paddingLeft="30"
   paddingRight="30" paddingBottom="50"
   horizontalAlign="center"/>
</s:layout>
<s:TextArea id="greetingTA1" width="100%" borderVisible="false"
  selectable="false" editable="false" skinClass="skins.CustomTextAreaSkin1"
  textAlign="center"/>
<s:TextArea id="greetingTA2" width="100%" borderVisible="false"
    selectable="false" editable="false" skinClass="skins.CustomTextAreaSkin1"
    color="0x660066" textAlign="center" text="{greetingText2}"/>
<s:TextArea id="greetingTA3" width="100%" borderVisible="false"
    selectable="false" editable="false" skinClass="skins.CustomTextAreaSkin1"
    color="0x660066" textAlign="center" text="{greetingText3}"/>
<s:Spacer height="20"/>
<s:Button label="New Reminder" click="navigator.pushView(views.NewReminderView)"/>
<s:Spacer height="20"/>
<s:Button label="Saved Reminders" click="navigator.pushView(views.SavedRemindersView)"/>
</s:View>

Answer 1

Hi Gregory,
this is mobile project, yes?
if you try that way it will work I think:
private var greetingText1:String = "<font color='#FF0000'><b>ReminderPro</b></font> <font color='#660066'>makes it easy to create customizable alarms and reminders.</font>";
http://help.adobe.com/en_US/flex/mobileapps/WS19f279b149e7481c-3c2dbaa612bb06a5ea2-8000.ht ml
regards,
Peter