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

Editing the style.css of widgets doesn't seem to have effect on the web app.

LoutKuiper

Hey guys,

For example, I wanted to make the dart-controller-toggle go from top to bottom. So I figured it would be an easy fix. Just a matter of setting top: 0px to bottom: 0px in the /widgets/DartController/css/style.css file.

The thing is that this doesn't effect the place of the toggle.. I also see the old code (top: 0px) in the Chrome debugger instead of the bottom: 0px like it says in the CSS.

Any idea how to make changes like this?

Thanks in advance!

Lout

Finde mehr Beiträge mit dem Tag

Accepted answers

All comments

LoutKuiper

Robert,

Okay, I guess that I'll have to try some things out. Do you might have an idea how to add the Toggle Controller to the config .json file? Since it is not a widget I do not know the right code.

RobertScheitlin__GISP

Lout,

That might work (config changes) for top to bottom but making a change to left or right will involve CODE changes not configuration file changes. I have nvere had the desire to make the changes you are after so I can only provide general guidance. It would involve CSS, code and likely html changes to the themes\DartTheme\widgets\DartController folder.

LoutKuiper

Hi Robert,

Thanks for your response. That is what I was afraid of.

What is the right place to make these kind of changes? I managed to change the place of the DartController widget from bottom to top by changing some values in the config,json file. Is that the place to edit these kind of things?

RobertScheitlin__GISP

Lout,

If you look in the dart themes code (not css) you will notice that most word happen in code and not css. What you are wanting is Not a simple css change it is a re-engineering of the themes code.

Nimm an der Unterhaltung 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.