Skip navigation
carloweb
Currently Being Moderated

change the background color of the action bar and other layout components

Oct 31, 2010 4:57 PM

Hi,

can somebody please tell how to change the background color of an action bar in the home view of a flex mobile app, and also the background color of the other layout components.

thanks in advance.

 
Replies
  • Currently Being Moderated
    Nov 2, 2010 7:58 AM   in reply to carloweb

    Moved from Flash Builder to Flex forum.

     

    Use the chromeColor style to change the color of the ActionBar. The easiest way to set this style is as a type selector in the CSS for your MobileApplication root.

     

    What do you mean by "other layout components"?

     

    Jason San Jose

    Software Engineer, Flex Mobile

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 19, 2011 12:21 PM   in reply to Jason San Jose

    has this changed in the latest version of flex?  tried setting a gobal css chrome color and its not affecting the actionbar. and any tutorials i find are with the old style components. how can we change the chrome color of the bar now?

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 21, 2011 8:52 PM   in reply to BryBam

    The ActionBar uses a different chromeColor than the global chromeColor. This was by design. In your application CSS, add s|ActionBar { chromeColor: #...; }

     

    Jason San Jose

    Software Engineer, Flex

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 5, 2013 12:11 AM   in reply to Jason San Jose

    And what if i just want to have diffrent styles of Action bar on every view.

    Im trying put <fx:style on my first view

    <fx:Style>

            s|ActionBar

            {

                skinClass: ClassReference("skins.CustomActionBarSkinLogin");

            }

        </fx:Style>

     

    but it still getting styles from style.css included in main app file.

     

    Also i was trying to styling it with View Declaration in css

     

    views|LoginView s|ActionBar{

        skinClass: ClassReference("skins.CustomActionBarSkinLogin");

    }

     

    but it's also not working.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points