topic Re: How to re-design the header bar -- v 2.1 in ArcGIS API for Flex Questions

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

GeorgiannaStrode — Wed, 08 Dec 2010 16:51:24 GMT

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.

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

BjornSvensson — Sat, 11 Dec 2021 07:58:01 GMT

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">

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

RobertScheitlin__GISP — Sun, 12 Dec 2021 16:06:12 GMT

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">

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

WallaceBezerra — Thu, 09 Dec 2010 11:18:32 GMT

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?

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

GeorgiannaStrode — Thu, 09 Dec 2010 12:29:59 GMT

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

The widget buttons are left-justified!

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

GeorgiannaStrode — Thu, 09 Dec 2010 12:31:11 GMT

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.