Solved

Changing text style dynamically in flex

Posted on 2009-07-13
2
1,076 Views
Last Modified: 2012-05-07
Hi
I am working with flex piece of code there i want to change the text label style dynamically by taking the input from the user.
0
Comment
Question by:sandeep_manne
  • 2
2 Comments
 
LVL 37

Accepted Solution

by:
zzynx earned 500 total points
ID: 24858033
Hi sandeep,
I took the Label example from the Flex documentation and extended it with an extra button "Click to change the style dynamically".
Fill in a (valid) color and press the button.
<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

<!-- Simple example to demonstrate the Label control -->
 

    <mx:Script>

        <![CDATA[

      

            private var htmlData:String="<br>This label displays <b>bold</b> and <i>italic</i> HTML-formatted text.";

                                         

            // Event handler function to change the image size.

            private function displayHTML():void {

                simpleLabel.htmlText= htmlData;

            }

          

            // Event handler function to change the image size.

            private function displayText():void {

                simpleLabel.text="This Label displays plain text.";

            }

            

            private function changeStyle():void {

            	simpleLabel.setStyle("color", "0x"+color.text); // Red

            }         

        ]]>

    </mx:Script>
 

  <mx:Panel title="Label Control Example" height="75%" width="75%" 

      paddingTop="10" paddingLeft="10">

    

      <mx:Label id="simpleLabel" text="This Label displays plain text."/>

      <mx:Button id="Display" label="Click to display HTML Text" click="displayHTML();"/>

      <mx:Button id="Clear" label="Click to display plain text" click="displayText();"/>

      <mx:HBox>

        <mx:Label text="Color of the text in hex (ex. FF0000 for red):"/>

        <mx:TextInput id="color"/>

      	<mx:Button id="Style" label="Click to change the style dynamically" click="changeStyle();"/>

      </mx:HBox>

      

  

  </mx:Panel>

</mx:Application>

Open in new window

0
 
LVL 37

Expert Comment

by:zzynx
ID: 24858441
Thanx 4 axxepting
0

Featured Post

Highfive Gives IT Their Time Back

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
Database solution for an NPO that facilitates training? 3 36
Web Developer 7 266
Code Editors 10 204
monthly fee and support for nutrionist 3 124
When deciding to adopt any help desk solutions many factors should be explored before taking decisions. This will change from business to another but in general there are some kind of rule of thumb. Here are some quick tips: Do we need only ticket…
This article provides a case study on how our local youth baseball league deployed a new website, including the platform selection, implementation and benefits to the league.
The purpose of this video is to demonstrate how to insert an Iframe into WordPress. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Open Page or Post…
The purpose of this video is to demonstrate how to Import and export files in WordPress. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Click on Too…

707 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

20 Experts available now in Live!

Get 1:1 Help Now