Adobe Community: How do I set styles on the spark Panel titleDisplay ?

Currently Being Moderated

1. FTQuest,

Mar 20, 2010 8:02 AM in reply to toft

Report

There are a few options.

The most simple one: just set the 'styleName' in the MXML Panel declaration and in the <fx:Style> define any of the properties you want.

As to the letter spacing, it's now 'tackingRight' or 'trackingLeft'.

HTH,

FTQuest

|

Mark as:

Currently Being Moderated

2. FTQuest,

Mar 20, 2010 8:03 AM in reply to FTQuest

Report

I've just noticed a typo: 'trackingRight'

|

Mark as:

Currently Being Moderated

3. toft,

Mar 20, 2010 8:27 AM in reply to FTQuest

Report

Thanks FTQuest.

However, I have tried setting css properties on a panel but I dont see how to target the titleDisplay. When setting text properties all text components in the panel 'adopt' them, EXCEPT the titleDisplay.

I have tried 's|panel s|textbase { props: value; }' but the only property that works is text-align. (Even if text-align is not listed under textbase styles !)

So how do I handle the titleDisplay ??

|

Mark as:

Currently Being Moderated

4. FTQuest,

Mar 20, 2010 8:54 AM in reply to toft

Report

As I said, there are various options.

For the title you could do this:

s|Panel s|TextBase {

fontFamily: "the font for the title";

fontSize: 24;

color: #0000FF;

trackingRight: 1;

}

and then set separate style for text components inside the Panel

.separateStyle {

fontFamily: "Arial";

fontSize: 18;

textDecoration: underline;

color: #FF0000;

}

you can sent as many different styles as you need.

HTH

FTQuest

|

Mark as:

Currently Being Moderated

5. toft,

Mar 20, 2010 9:19 AM in reply to FTQuest

Report

Strange, a few hours ago when I tried the s|Panel s|TextBase thing it didnt work. I tried setting a few props but nothing happened. Probably a typo somewhere because your code works fine.

Thanks again FTQuest !

|

Mark as:

Flash Builder 4 and Flex 4 Labs Archive

How do I set styles on the spark Panel titleDisplay ?

Mar 20, 2010 5:05 AM

More Like This

Bookmarked By (0)

Answers + Points = Status