Spark Label event problem

Event handler for a Spark.Label control:
private function onLabelClick(e:MouseEvent):void
trace(e.target);
trace(e.target.text);
First trace returns: '[object TextLine]'
Then I get this: ReferenceError: Error #1069: Property text not found on flash.text.engine.TextLine and there is no default value.
What is going on here and how to fix it ??
And: is it just me or does anyone else have LOADS of problems dealing with all the new 'improvents' in Flex 4??
(I have to admit that I find the new spark stuff very confusing)

Hi,
Try using currentTarget.
As far as flex 'problems', flex 4 is in beta and as things change this could be considered a problem but its beta which means expect a little confusion
fundamentally the basic stuff still work the same, spark has a bit of a learning curve which is to be expected when a product becomes more powerful.
<?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:Script>
<![CDATA[
protected function label1_clickHandler(event:MouseEvent):void
lblResult.text = event.currentTarget.text;
]]>
</fx:Script>
<fx:Declarations>

</fx:Declarations>
<s:Label x="148" y="85" text="A Label that is clickable" click="label1_clickHandler(event)"/>
<s:Label id="lblResult" x="148" y="115" text="result"/>
</s:Application>

Similar Messages

More event problems

Hello again, I have yet another event problem. When I try to use this code I get an error saying Abstract class actionPerformed is not implemented in non- abstract class TableWindow. I'm not quit sure how I'm supposed to implement it.

Here is what I believe to be the relevant code. addWindowListener works but addFocusListener returns the error.
// Table window
import java.awt.*;
import java.awt.event.*;
import java.sql.*;
import javax.swing.*;
import javax.swing.event.*;
public class TableWindow extends Frame implements ActionListener
public TableWindow ()
Create Window
super ("Test Window");
setBackground (SystemColor.control);
setLocation (0, 0);
setLayout (new GridLayout (5, 5));
addWindowListener (new WindowAdapter ()
public void windowClosing (WindowEvent e)
try
if (Connected == true)
// Close the Statement
stmt.close ();
// Close the connection
con.close ();
catch (SQLException sqle)
dispose ();
System.exit (0);
tPane = new JTabbedPane ();
tPane.addChangeListener (new ChangeListener ()
public void stateChanged (ChangeEvent c)
//Status.setText ("Clicked");
tablePane = new JPanel ();
recordPane = new JPanel ();
recordPane.addFocusListener(new FocusListener()
public void focusGained(FocusEvent e)
Status.setText ("Clicked");
queryPane = new JPanel ();
TName1 = new TextField (25);
TName2 = new TextField (25);
TName3 = new TextField (25);
idField = new TextField (10);
idField2 = new TextField (10);
TitleField = new TextField (25);
TitleField2 = new TextField (25);
result = new TextArea ("Under Construction", 5, 30);
NewT = new Button ("New Table");
NewR = new Button ("New Record");
NewQ = new Button ("New Query");
NewT.addActionListener (this);
NewR.addActionListener (this);
NewQ.addActionListener (this);
TNameLabel1 = new Label ("Enter name of table here");
TNameLabel2 = new Label ("Enter name of table here");
TNameLabel3 = new Label ("Enter name of table here");
idLabel = new Label ("Enter movie ID here");
TitleLabel = new Label ("Enter title of Movie here");
TitleLabel2 = new Label ("Enter title of Movie here");
tablePane.add (TNameLabel1);
tablePane.add (TName1);
tablePane.add (NewT);
recordPane.add (TNameLabel2);
recordPane.add (TName2);
recordPane.add (idLabel);
recordPane.add (idField);
recordPane.add (TitleLabel);
recordPane.add (TitleField);
recordPane.add (NewR);
//recordPane.add (tableChoice);
queryPane.add (TNameLabel3);
queryPane.add (TName3);
queryPane.add (TitleLabel2);
queryPane.add (TitleField2);
queryPane.add (NewQ);
queryPane.add (result);
Status = new Label ("");
// make the window and add components to it
tPane.addTab ("Table", tablePane);
tPane.addTab ("Record", recordPane);
tPane.addTab ("Query", queryPane);
add (tPane, BorderLayout.CENTER);
add (Status, BorderLayout.SOUTH);
pack ();
setVisible (true);
public static void main (String args [])
ConnectToDatabase ("vdds");
TableWindow tw = new TableWindow ();
}

How to dynamically resize a Spark Label?

If i set the text of a spark label at runtime, the label dont resize automatically. How can i resize the correct width of a spark label at runtime?
Thanks in advance

The sample will be helpful to you:
<fx:Script>
        <![CDATA[
            protected function button1_clickHandler(event:MouseEvent):void
                // TODO Auto-generated method stub
                lbl.text = lbl.text + " hi ";
        ]]>
    </fx:Script>
    <fx:Declarations>
        
    </fx:Declarations>
    <s:Label id="lbl" height="20" text="hello" backgroundColor="#FFcc12" x="157" y="83"/>
    <s:Button label="ok" click="button1_clickHandler(event)" x="177" y="152"/>

Embedded font not working in Spark Label control?

Hi,
I'm trying to use embedded fonts with the Spark Label (formerly SimpleText) control. I'm using SDK 4 build 10485 now, but I could not manage it in Beta 1 neither.
I'v been playing with cff: true/false, embedAsCFF:true/false but no results.
I've added my test application where it does work with the Halo <mx:Label> control, but not with the Spark <s:Label> control.
So, no compiler errors, but the Spark label control shows a serif (Helvetia?) font where it should be sans as does the Halo control.
Can anybody help me out here?
Thanks
Jan
As I get the message 'the content type of this attachment is not allowed' on uploading the MXML file, here is the code:
<?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/halo"
    minWidth="1014" minHeight="768"
    backgroundColor="#7B7374">
    <s:layout>
        <s:VerticalLayout paddingBottom="8" paddingLeft="8" paddingRight="8" paddingTop="8" />
    </s:layout>
    <fx:Style>
        @namespace mx "library://ns.adobe.com/flex/halo";
        @namespace s "library://ns.adobe.com/flex/spark";
        @font-face {
            src: url("project/assets/thesans/THSP____.TTF");
            fontFamily: HaloSans;
            fontWeight: normal;
            advancedAntiAliasing: true;
            unicode-range: U+0021-U+007B;
        @font-face {
            src: url("project/assets/thesans/THSP____.TTF");
            fontFamily: SparkSans;
            fontWeight: normal;
            advancedAntiAliasing: true;
            unicode-range: U+0021-U+007B;
            embedAsCFF: true;
        .mySparkSans {
            fontFamily: SparkSans;
            fontSize: 24;
        .myHaloSans {
            fontFamily: HaloSans;
            fontSize: 24;
    </fx:Style>
    <s:SkinnableContainer>
        <s:Label styleName="mySparkSans" text="This should be TheSans but it is not...., notice the characters 'ag'"/>
        <mx:Label styleName="myHaloSans" text="This is TheSans, notice the characters 'ag'" top="100"/>
    </s:SkinnableContainer>
</s:Application>

Hi,
I'm trying to use embedded fonts with the Spark Label (formerly SimpleText) control. I'm using SDK 4 build 10485 now, but I could not manage it in Beta 1 neither.
I'v been playing with cff: true/false, embedAsCFF:true/false but no results.
I've added my test application where it does work with the Halo <mx:Label> control, but not with the Spark <s:Label> control.
So, no compiler errors, but the Spark label control shows a serif (Helvetia?) font where it should be sans as does the Halo control.
Can anybody help me out here?
Thanks
Jan
As I get the message 'the content type of this attachment is not allowed' on uploading the MXML file, here is the code:
<?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/halo"
    minWidth="1014" minHeight="768"
    backgroundColor="#7B7374">
    <s:layout>
        <s:VerticalLayout paddingBottom="8" paddingLeft="8" paddingRight="8" paddingTop="8" />
    </s:layout>
    <fx:Style>
        @namespace mx "library://ns.adobe.com/flex/halo";
        @namespace s "library://ns.adobe.com/flex/spark";
        @font-face {
            src: url("project/assets/thesans/THSP____.TTF");
            fontFamily: HaloSans;
            fontWeight: normal;
            advancedAntiAliasing: true;
            unicode-range: U+0021-U+007B;
        @font-face {
            src: url("project/assets/thesans/THSP____.TTF");
            fontFamily: SparkSans;
            fontWeight: normal;
            advancedAntiAliasing: true;
            unicode-range: U+0021-U+007B;
            embedAsCFF: true;
        .mySparkSans {
            fontFamily: SparkSans;
            fontSize: 24;
        .myHaloSans {
            fontFamily: HaloSans;
            fontSize: 24;
    </fx:Style>
    <s:SkinnableContainer>
        <s:Label styleName="mySparkSans" text="This should be TheSans but it is not...., notice the characters 'ag'"/>
        <mx:Label styleName="myHaloSans" text="This is TheSans, notice the characters 'ag'" top="100"/>
    </s:SkinnableContainer>
</s:Application>

Upgrade to Flex 4, Halo theme, embedded font doesn't work for Spark Label

I'm upgrading an application to Flex 4 from Flex 3.5 using the Halo theme. If I include a Spark Label in my application the Spark Label does not render the text using the font I defined in my CSS. My MX Labels render fine. Here is an example application that replicates my issue. So,
Compile and run using Spark theme. Both Labels render the text with the correct font.
Compile and run using Halo theme. Only MX Label renders the text with the correct font.
Is it not possible to do what I want?
Thanks
<?xml version="1.0" encoding="utf-8"?>
<mx: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="250" minHeight="250">
     <fx:Style>
          @namespace mx "library://ns.adobe.com/flex/mx";
          @namespace s "library://ns.adobe.com/flex/spark";
          @font-face
               fontFamily: Verdana;
               fontWeight: normal;
               fontStyle: normal;
               src: url("./style/fonts/verdana.ttf");
               embedAsCFF: false;
          @font-face
               fontFamily: VerdanaCFF;
               fontWeight: normal;
               fontStyle: normal;
               src: url("./style/fonts/verdana.ttf");
               embedAsCFF: true;
          mx|Label
               font-family: Verdana;
          s|Label
               font-family: VerdanaCFF;
     </fx:Style>
     <fx:Declarations>
          
     </fx:Declarations>
     <s:VGroup>
          <mx:Label text="My text" />
          <s:Label text="My text" />
     </s:VGroup>
</mx:Application>

I think you might need to set the fontLookup:
        s|Label
            font-family: VerdanaCFF;
            fontLookup: "embeddedCFF";

InputField fire event problem in webDynpro

I have one validation or Fire Event problem with respect to Inputfield in web Dynpro.
I have one Input filed and created the context varible for that, then i mapped the context varible to the InputField, and i changed the context varible type as date.So , when i run the view , it will show the calender near to the text box to select the perticular date. On select of the perticular date. It will populate selected date in to the inputField.
On selection of the perticular date. Based on the date i want to generate the next 12 months date at runtime in different text boxes. But the only event available for the InputField is only "onEnter". This is not useful in my case, bcz on selection of the Date , the user may not use the Enter key. so , how can use the other events like onSelection or onChange events in the InputFields to reach my needs.
Any one give me the idea to solve this problem.
Vijay

Hello Vishal,
You may also refer the sample code in the below link
<a href="http://sdn.sap.comhttp://www.sdn.sap.comhttp://www.sdn.sap.com/irj/servlet/prt/portal/prtroot/docs/library/uuid/0c0dcacd-0401-0010-b4bd-a05a0b4d68c8">http://sdn.sap.comhttp://www.sdn.sap.comhttp://www.sdn.sap.com/irj/servlet/prt/portal/prtroot/docs/library/uuid/0c0dcacd-0401-0010-b4bd-a05a0b4d68c8</a>
Regards,
Sudeep.

Extending spark Label

I'm trying to extend a Spark Label so it always has a border with rounded corners like the code below.
<s:Graphic>
<s:filters>
<s:DropShadowFilter color="0x000000" alpha="0.5" distance="7" />
</s:filters>
<s:Group>
<s:Rect width="100%" height="100%" radiusX="5" radiusY="5">
<s:fill>
<mx:SolidColor color="#e0e9f8" />
</s:fill>
<s:stroke>
<s:SolidColorStroke color="#e0e9f8" weight="1"/>
</s:stroke>
</s:Rect>
<s:Label color="#23295D" paddingTop="5" paddingLeft="5" paddingRight="5" paddingBottom="5">
<s:text>This is a Spark Label control with a border drawn by a Rect.</s:text>
</s:Label>
</s:Group>
</s:Graphic>
How can I create a MyLabel.as (extending a spark Label) with the above code in it (i tried a few things but haven't quite got it right).
Or should I be using another component instead of a spark Label.
Thanks in advance
Bodrul Haque

Thanks Alex, I will take a look at SkinnableComponent.
Alternatively, this also gives the desired result (except component needs to be re-measured....still trying to figure how to do that).
The objective was to extend a spark Label and make sure MyLabel always has a border and shading .......and few extra things specific to our needs (which I haven't added yet).
I've made use of the built in graphics.
public class MyLabel extends Label
private var dropShadow:RectangularDropShadow;
public function MyLabel()
    super();
override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
      super.updateDisplayList(unscaledWidth, unscaledHeight);
       //background
      var backgroundColor:Number;
      var g:Graphics = graphics;
      g.clear();
      backgroundColor = getStyle("backgroundColor");
      graphics.beginFill(backgroundColor);
      graphics.drawRoundRect(-5, -5, unscaledWidth+10, unscaledHeight+10, 10);
      graphics.endFill();
      // Shadow......is their another way???
      if (!dropShadow)
             dropShadow = new RectangularDropShadow();
       dropShadow.distance = 7;
       dropShadow.angle = 45;
       dropShadow.color = 0;
       dropShadow.alpha = 0.4;
       dropShadow.tlRadius = 5;
      dropShadow.trRadius = 5; //cornerRadius;
      dropShadow.blRadius = 5; //cornerRadius;
      dropShadow.brRadius = 5;
      dropShadow.drawShadow(graphics, 0, -5, unscaledWidth+5, unscaledHeight+10);
If I add a couple of these MyLabels into a HGroup (or VGroup) they look squashed. ......so I want to do a invalidateSize() or something

Adding info Icon to Spark Label

I am trying to add a info Icon next to a Label in Flex so that when somebody hover over icon, they can see a tooltip but so far no lcuk as i dont see anything like that in spark label control. I m new to skining so do not want to goto that rout but any help with this regard will be greatly appreciated.
Thanks

Guessing that skinning is your best bet and it's really not that difficult if you take an hour or two to read carefully any one of a number of articles/introductions on the web.

GetPreferredBoundsWidth of a truncated Spark Label not returning right value

I am writing a custom layout that autmoatically sets the width of a component to the greater of a "remainder" of what is left for the container and the preferred width of the component, but it is failing when that component is a spark label that has been truncated (maxDisplayedLines).
I know what the remainder is, and when the Label is not truncated, it all works fine. However, once the Label is truncated, the getPreferredBoundsWidth method always returns the current size of the truncated label.
I need a way to really get the preferred width of the Label, ignoring truncation.
I see there is a measureText some folks have used, but the api docs say that shouldn't be used for the spark labels. Also, I'd prefer to try and keep this at the ILayoutElement level, but if i have to cast to a Label, I can do that.
I have already tried to set a larger width, then asking it for its preferred width, but that didn't work.
I am going to try the measureText and also trying to unset the maxDisplayedLines, but I am hoping there is a cleaner way.
Thanks in advance for any help.
Irv

quite an elaborate story, but not really clear... sorry..
this maybe?
WHERE id=9999
   AND eff_dt='4/19/2010'
   AND name NOT IN('PAD','FIN_ST','FIN_LT')
   or (ind = 'SHORT' and name = 'PAD')and with parameter:
WHERE id=9999
   AND eff_dt='4/19/2010'
   AND name NOT IN(<param>,'FIN_ST','FIN_LT')
   or (ind = 'SHORT' and name = <param>)

[svn:fx-trunk] 15267: Cannot set Spark Label or Spark RichText showTruncationTip property at runtime using bindngs or ActionScript .

Revision: 15267
Revision: 15267
Author:   [email protected]
Date:     2010-04-07 15:57:04 -0700 (Wed, 07 Apr 2010)
Log Message:
Cannot set Spark Label or Spark RichText showTruncationTip property at runtime using bindngs or ActionScript.
QE notes:
Doc notes: None
Bugs: partial fix for SDK-25980
Reviewed By: Gordon
Tests run: checkintests
Fix Label styles baselineShift and typographicCase so they work as documented. The documentation is from TLF.
QE notes:
Doc notes: None
Bugs: partial fix for SDK-25169, SDK-25210
Reviewed By: Gordon
Tests run: checkintests
Is noteworthy for integration: No
Ticket Links:
    http://bugs.adobe.com/jira/browse/SDK-25980
    http://bugs.adobe.com/jira/browse/SDK-25169
    http://bugs.adobe.com/jira/browse/SDK-25210
Modified Paths:
    flex/sdk/trunk/frameworks/projects/spark/src/spark/components/Label.as

I'd have to see the xml to say what, but 1009 is what it says - a null reference has no properties, it is null.
Try tracing out SampleWebServiceCS.GetMember and you'll quickly see where along your .element.element path you have an error.
(BTW, I've not used s:Operation before, but is your syntax correct?)
G

How to display trailing white space in spark label?

I have to display trailing white spaces in spark label but its automatically truncating it.
Any alternate way? Thanks!

Thanks for the reply. But still not working

Custom component and custom event problem

hello , i have a strange problem since one week , is that i can't handle the events becoming from my custom component , here is my code :
Event Class :
package events
     import flash.events.Event;
     public class Ev extends Event
          public static const UPDATE:String="update";
          public var data:String;
          public function Ev(type:String,data:String)
               super(type);
               this.data=data;
          override public function clone():Event
               return new Ev(type,data);
MXML component :
<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:fx="http://ns.adobe.com/mxml/2009"
           xmlns:s="library://ns.adobe.com/flex/spark"
           xmlns:mx="library://ns.adobe.com/flex/mx">
     <fx:Metadata>
          [Event(name="onMenuChange",type="events.Ev")]
     </fx:Metadata>
     <fx:Script>
          <![CDATA[
               import events.Ev;
               import mx.events.IndexChangedEvent;
               protected function accordion1_changeHandler(event:IndexChangedEvent):void
                    dispatchEvent(new Ev(Ev.UPDATE,event.newIndex.toString()));
          ]]>
     </fx:Script>
     <fx:Declarations>
          
     </fx:Declarations>
     <mx:Accordion width="200" height="200" change="accordion1_changeHandler(event)">
          <s:NavigatorContent label="Menu 1" width="100%" height="100%">
          </s:NavigatorContent>
          <s:NavigatorContent label="Menu 2" width="100%" height="100%">
          </s:NavigatorContent>
          <s:NavigatorContent label="Menu 3" width="100%" height="100%">
          </s:NavigatorContent>
     </mx:Accordion>
</mx:VBox>
the main container :
<?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" xmlns:local="*">
     <fx:Script>
          <![CDATA[
               import events.Ev;
               import mx.controls.Alert;
               protected function comp1_onMenuChangeHandler(event:Ev):void
                    Alert.show(event.data,"notice");
          ]]>
     </fx:Script>
     <local:Comp onMenuChange="comp1_onMenuChangeHandler(event)"/>
</s:Application>
any help will be welcome !

hi,
Not sure why your custom event is not working, I tend not to worry about 'custom' events unless I need to transfer a lot of information.
Here is a way to 'simplify' event management.
I just declare a new event in the meta data and then send it to notify that a change has been made. Although the parent can find the index value easily enough I also use two-way bind the navigators index so that it is directly available for the application to manipulate/read .
http://gumbo.flashhub.net/events/ source included
David.

Color label setting problems in Develop module

Today is the first day with Lightroom 3, where I have over 200 photos from an event, that I am walking through each photo. I am in the develop module and I am setting the color label to red or blue. What seems to be constantly (not every time) happening is when I click the color for the label, LR will move to the next photo, but not apply the color label.
As I write this I'm trying it out to notice a pattern. What I see is photo 1, I click on the red label and the photo is labeled red and LR moves to photo 2. I click on the red label and LR does not set any color label and moves to photo 3.
Another thing that happened is I was then at photo 3 and clicked on the blue label. LR did not set the blue label but jumped to photo 4 and put the blue label on that photo.
This is very annoying.
Where might I report this bug to Adobe?

Same bug as with ratings. http://forums.adobe.com/thread/679696?tstart=0
Flagging via the toolbar, also shows this problem.
As noted above, use keyboard shortcuts.

Drag Event Problem in ItemRenderer

Hi Everyone,
I faced the problem in Drag Drop event occur in the Item Renderer. Here i attach the screen shot. If any one know the solution please let me know.
Thanks in Advance,
Charles

Hi,
Actually the Datagrid, label and text boxes are in one Canvas. I use this Canvas in One ItemRenderer.mxml and the data are comes from XML file. I Called that ItemRenderer.mxml file into my Main Screen.mxml file. So the ItemRender is repeated based on my Input Data.
Thanks,
Charles

Events problem with (Java and ActiveX)

Hi,
I use an ActiveX component with Java and i've got a problem with events.
Java classes were generated with Bridge2Java (IBM).
In order to manage events I added a listener in my application :
javaMyActiveX = new MyActiveX();
javaMyActiveX.add_DMyActiveXEventsListener(new _DMyActiveXEventsAdapter());
I also added a constructor in the _DMyActiveXEventsAdapter class and I fill the body of methods.
The ActiveX generates two types of events :
- The ones are directly generated by methods.
- The others are generated by a thread.
With MS Products (VB, Visual C++, Visual J++), I catch all events.
With java (jdk 1.4), I catch only events generated by methods.
Can anyone help me.

I'm not 100% sure, but the last time I used that bridge, it only worked if you ran your Java app within a Microsoft VM.

Spark Label event problem

Similar Messages

Maybe you are looking for