I am trying to increase the height of the top container that cotains the widgets. I know that in headercontrollerwidget.mxml if you increase the height tag in will do just that, however it will overlap with the map. How can we have the map displayed after the header if the header height is increased? Thank you.

nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

increase the height of the top container

LefterisKoumis

I am trying to increase the height of the top container that cotains the widgets. I know that in headercontrollerwidget.mxml if you increase the height tag in
<s:Group id="headerGroup"
width="100%" height="85">

will do just that, however it will overlap with the map. How can we have the map displayed after the header if the header height is increased?

Thank you.

Find more posts tagged with

Accepted answers

RobertScheitlin__GISP

Lefteris,

You still need to rember to mark your questions as answered.

All comments

RobertScheitlin__GISP

Lefteris,

That is controlled in the main config.xml in the map component just change the top="40" attribute to your new height of the header controller.

LefterisKoumis

Lefteris,

That is controlled in the main config.xml in the map component just change the top="40" attribute to your new height of the header controller.

Thank you Robert. I should have known better.

RobertScheitlin__GISP

Lefteris,

You still need to rember to mark your questions as answered.

JosephGrubbs

Just piggy-backing on this thread, since I'm also working to increase the height of my header controller bar. When I change the top= attribute in my config xml file, it drops the header controller down but does not increase the height. Specifically, it maintains the header controller bar's default height, moves the bar down and leaves a white space at the top of the screen. Obviously I'm missing something, so any assistance would be great. Thank you!

RobertScheitlin__GISP

Joseph,

You need to throughly read the first post and you will find that Lefteris changed the height in code of the HeaderControllerWidget.mxml.

JosephGrubbs

Robert - Right. Sorry I didn't mention that in my post. I took the change to the headercontrollerwidget.mxml as a given based on the first post. Let me re-state: When I made the changes to the height tag in the headercontrollerwidget.mxml and then made the change in the config.xml, I got the results I stated in my post. Perhaps I missed a step when changing the headercontrollerwidget.mxml? I'll continue to tweak it, but if I understand correctly the process would be to

1. change the height tag in the headercontrollerwidget.mxml at
<s:Group id="headerGroup"
width="100%" height="85">

then
2. change the top= attribute in the config.

Correct? Thanks again for all your help!

RobertScheitlin__GISP

Joseph,

Just for future reference I don't normally provide answers to questions that piggyback on a thread that has already been answered (always start your own thread).

You are using the Flex Viewer source code and recompiling the flex viewer after you made the change to the HeaderControllerWidget right?

and by change the top attribute I mean:

<map wraparound180="true" initialextent="-14083000 3139000 -10879000 5458000" fullextent="-20000000 -20000000 20000000 20000000" top="85">

JosephGrubbs

Robert - Understood. I'll start my own thread next time. And, yes, I'm using the Flex Viewer source code and recompiling after the change. I'll continue to work on the change, and thanks again very much for your responses!

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.