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

In the WAB Search widget, the "hint" text for the locator is getting cut off

TomLeMahieu

There seems to be plenty of room in the input box, but a portion of the locator text gets cut off.

Is this just a matter of changing the style sheets?

Vind meer berichten getagd met

Accepted answers

All comments

RobertScheitlin__GISP

Tom,

This is definitely a css issue. Did you edit any css rules for the search widget in your app?

TomLeMahieu

Robert,

No I didn't.

Tom

Sent from my iPhone

RobertScheitlin__GISP

Strange. Does it fix itself when you resize the browser window?

TomLeMahieu

No. I think you're right about the css though. I didn't change the css for this widget but I have done some tweaking of the css's at a higher level. That has to be the problem.

Sent from my iPhone

RobertScheitlin__GISP

Tom,

When someone tweaks the search widgets css is the only time I have seen it act the way your screenshot is showing. Can you remember what css rule you changed?

TomLeMahieu

I just changed color for the

.claro.dgrid-header .dgrid-cell in the ...\LaunchpadTheme\styles\default\css\dojo-override.css.

Nothing that should have affected this.

When I use the Inspector in Chrome, the element.style width = 190. When I change it in the Inspector it's fine.

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.