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

Reposition widgetcontainer

BobCarberry

I created a custom search UI element widget which resides on the HeaderController. It takes up a lot of space and doesn't leave much room for the widgetcontainer. Does anyone know of an easy way to move the widgetcontainer from the HeaderController? I wound like to move it below the HeaderController. Another nice way I saw this issue being addressed was to place the widgetcontainer and other tools in a horizontal scroll like control. Here is the link from Calhoun County, Alabama: http://gis.calhouncounty.org/FlexView/Index.html If anyone could give any pointers or steer me in the right direction, that would be great!

Vind meer berichten getagd met

Accepted answers

All comments

MichaelHoff

Thanks Robert. They do appear when I shrink the browser window.

rscheitlin

Michael,

Even when you shrink your browser window down so that there is not enough room to draw all the widget icon on the header you don't get the scroll buttons?

MichaelHoff

Robert,

Thanks for providing this code. I replaced my header controller files with yours but don't see the arrow icons when I run the application. Am I overlooking something?

LarryStout

Thanks, Robert. I had taken a different approach to the widget icons. I was grouping them as the Header Controller became smaller. It worked, but I liked your idea better so I abandoned my code in favor of yours.

BobCarberry

I completly understand! I think I figured out a solution anyway. Thanks you so much again!

rscheitlin

Bob,

My sites navigation controls are custom nav widgets that I developed to go in the HeaderControlWidget.
I stripped a lot of different stuff out of the version I posted. I can't given away all my sites uniqueness!

BobCarberry

As always, thanks you so much Robert! I've integrated the new header and it works great! I have 1 question for you however, I noticed on your site you have navigation tools integrated within the scroll bar as well. Are these widgets that were added to the widgetcontainer? I have a couple UI elements that I would like to add to this scroll bar as well. Is this possible?

rscheitlin

Bob,

Here is the source for a scrollable HeaderControlWidget

ScrollingHeaderController.zip

BobCarberry

Bob,

I will see if I can post some code for this might be next week though.

Thanks so much Robert!

rscheitlin

Bob,

I will see if I can post some code for this might be next week though.

BobCarberry

You can set left, right, top or bottom on the widgetcontainer. See:
http://help.arcgis.com/en/webapps/flexviewer/help/widgetcontainer_tag.htm

Dasa,

Thanks for your reply, however I tried that and the widgetcontainer still does not reposition. Is there something else I must do? It seems that all the code that sets everything for the widgetcontainer is found within the HeaderControllerWidget. Do I need to set something there as well?

DasaPaddock

You can set left, right, top or bottom on the widgetcontainer. See:
http://help.arcgis.com/en/webapps/flexviewer/help/widgetcontainer_tag.htm

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

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