Flex 4.5 - Title Window CSS

Posted on 2011-10-27
Last Modified: 2012-08-14
I'm trying to style the title\header of a TitleWindow, without any success.

Currently converting from 3.5 SDK to the 4.5.1 SDK and the style isn't working.

I had the following CSS in the 3.5 version:

.TitleWindowPopUp {
      modal-transparencyBlur: 0;
      modal-transparency: 0.85;
      modal-transparencyColor: black;
      corner-radius :10;
      border-color :#666666;
      title-style-name : "TitleWindowPopUpTitle";

      font-family :Arial;
      font-size :14;
      font-weight :bold;
      color :#ffffff;

The following is the new CSS for the 4.5.1 version:
@namespace s "library://";
@namespace mx "library://";

s|TitleWindow {
      title-style-name: "TitleWindowPopUpTitle";      
      fontSize: 12;
      fontFamily: Arial;
      backgroundColor: #c8c8c8;
      cornerRadius: 10;
      borderColor: #666666;
      modalTransparencyBlur: 0;
      modalTransparency: 0.85;
      modalTransparencyColor: black;

      fontFamily: Arial;
      fontSize: 14;
      fontWeight: bold;
      color: #ffffff;

For some reason the "title-style-name" is not recognized. Something is obviously different when it comes to the Title Window Title\Header.

Thanks in advance.
Question by:nbtnotes
    LVL 29

    Accepted Solution

    Why are you not uding mc:TitleWindow? For spark component you should create a skin is not CSS base

    Author Closing Comment

    I actually just figured out how to make a skin. I'm playing around with it and it seems very powerful.

    As of right now I have a combo of a skin and css.

    Thanks for the help.

    Featured Post

    How to run any project with ease

    Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
    - Combine task lists, docs, spreadsheets, and chat in one
    - View and edit from mobile/offline
    - Cut down on emails

    Join & Write a Comment

    First things first - Preparation We need all the part for this install and it's much nicer to have them all on hand when you need them so here's what's required. Download Eclipse 3.5 32 bit (I like the Classic flavour) from here. (http://www.e…
    OfficeMate Freezes on login or does not load after login credentials are input.
    how to add IIS SMTP to handle application/Scanner relays into office 365.
    Internet Business Fax to Email Made Easy - With eFax Corporate (, you'll receive a dedicated online fax number, which is used the same way as a typical analog fax number. You'll receive secure faxes in your email, fr…

    754 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

    24 Experts available now in Live!

    Get 1:1 Help Now