How to re-design the header bar -- v 2.1

[GeorgiannaStrode]

I'm trying to re-design the header bar, with no luck.

I want do not want to show logo, title, or subtitle but instead move the widget container to the left.

Any ideas on where to look?

Thanks in advance.

[BjornSvensson]

I want do not want to show logo, title, or subtitle but instead move the widget container to the left.

Remove logo, title, subtitle from your config.xml.

To align the widget icons to the left, go into HeaderControllerWidget and change the "center" below to "left" (at least that's what I think you are trying to do):

<mx:HBox id="widgetBox"
          width="100%"
          horizontalAlign="center">

[RobertScheitlin__GISP]

Georgianna,

Sure that is pretty easy just see the required changes below:

<mx:Image id="logoIcon"
                      horizontalAlign="left"
                      maxHeight="{headerContent.height}"
                      maxWidth="80"
                      verticalAlign="middle"
       visible="false" includeInLayout="false"/>
            <s:VGroup id="titleGroup"
                      height="{headerContent.height}"
                      gap="0" visible="false" includeInLayout="false">
                <s:Label id="bannerTitle" styleName="BannerTitle"/>
                <s:Label id="bannerSubtitle" styleName="BannerSubtitle"/>
            </s:VGroup>

            <mx:HBox id="widgetBox"
                     width="100%"
                     horizontalAlign="left">

[WallaceBezerra]

What do you mean about "re-designing" the header bar? Do you want to build a completely different one? Want to customize the existent widget?

[GeorgiannaStrode]

Thanks everyone!  I love it when simple code works the first time. 

The widget buttons are left-justified!

[GeorgiannaStrode]

What do you mean about "re-designing" the header bar? Do you want to build a completely different one? Want to customize the existent widget?

Wallace, I want to keep the same one just left-justify the buttons.