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; } } }

Header Controller Height

JeffWard

Hey AppBuilders,

Where can I change the default height of the header controller in the stemapp? I've changed the height property in the HeaderController\Widget.js file and that isn't changing the height of the header controller for new apps. Is something overriding that setting? I have looked everywhere and I can't seem to locate it.

Any help is appreciated.

Thanks,

Jeff

Find more posts tagged with

Accepted answers

RobertScheitlin__GISP

Jeff,

OK, I found it. It is the predeined-apps.

[install directory]\client\stemapp\predefined-apps\default\config.json

make the same change as you did in the main config.json.

All comments

WeiHan

Jeff,

Did you figure out how to arrange position and alignment for the title and links after you changed the height of the header?

Thanks.

Wei

JeffWard

That was it. Thanks Robert. If you go to the UC I'll give you my drink tickets.

RobertScheitlin__GISP

Jeff,

OK, I found it. It is the predeined-apps.

[install directory]\client\stemapp\predefined-apps\default\config.json

make the same change as you did in the main config.json.

RobertScheitlin__GISP

Jeff,

Did you notice the full path I provided above. If you modify it there then all new apps should maintain that height set.

JeffWard

Thanks for the reply Robert-

I have modified that height setting, and I have modified it in the [install directory]\client\stemapp\config.json file, but the new apps are still coming in with the default of 40 height. When I open the new app's config.json in its root directory the height property is back to 40. I would like to have all new apps have a wider header controller but can't find where it is being overridden.

Thanks,

Jeff

RobertScheitlin__GISP

Jeff,

The HeaderController Widget is part of the folding theme and thus you would have to modify the header controller widget in the stemapps foldable theme.

[install directory]\client\stemapp\themes\FoldableTheme\widgets\HeaderController\wigets.js

JeffWard

I have also modified the height property in the stemapp\config.json file, but new apps still have the default height of 40. If I look in the new app's newapp\config.json file the height property is set back to 40. If I change this value and launch the app it makes the changes in the app.

Does anyone know where this is getting overridden?

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.