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

NavBar Color

NathanHeickLACSD

Good Afternoon,

Is there a way to change the navbar color in the web viewer? I have all my other colors figured out, but the dark gray doesn't go with my color scheme.

Thanks,

Nathan

Finde mehr Beiträge mit dem Tag

Accepted answers

Jim Moore

Hi Nathan

It's not possible to change the colour of the navbar, however you can hide it using the hide=navbar URL parameter.

Please find more info on URL parameters here: https://community.esri.com/groups/survey123/blog/2019/02/06/survey123-tricks-of-the-trade-web-form-url-parameters

Best,

Jim

cc: Ruth Jiateng Xu‌

All comments

Jim Moore

Hi Nathan

It's not possible to change the colour of the navbar, however you can hide it using the hide=navbar URL parameter.

Please find more info on URL parameters here: https://community.esri.com/groups/survey123/blog/2019/02/06/survey123-tricks-of-the-trade-web-form-url-parameters

Best,

Jim

cc: Ruth Jiateng Xu‌

NathanHeickLACSD

Would this be possible with the new Survey123 Web API they were discussing at the UC?

Jim Moore

Hi Nathan

Apologies for the late reply. Changing the navbar colour is not possible with the web app API (although hiding it is).

You can find out more about the API here: https://community.esri.com/groups/survey123/blog/2020/03/05/introducing-the-survey123-web-app-javascript-api

Best,

Jim

NathanHeickLACSD

Could you not apply CSS that would do that through the Web App JS API?

Nimm an der Diskussion teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registriere ein kostenloses Konto.

Schnellzugriffe

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