topic Re: Removing the "toogle map info" widget in comparison app in Web AppBuilder Custom Widgets Questions

Removing the "toogle map info" widget in comparison app

FlorentNicolas — Wed, 24 Jun 2020 08:45:49 GMT

Hi,

I am working on an app to compare two maps on our portal. I will later use this app in a StoryMap.

I have this results for now using the portal app template:

When I displayed this app in the story map, or even as the app itself, there is this small buttons called "toogle map info" that are showing the dirty legend of the map... Is it possible to remove this buttons using css? For now I did not find the solution..

Thank you!

Re: Removing the "toogle map info" widget in comparison app

RobertScheitlin__GISP — Wed, 24 Jun 2020 12:07:13 GMT

Florent,

That is not a WAB app so you are in the wrong space with this question. But never the less the solution should be simple. Right click on the button and choose "Inspect" (Google Chrome) and look for the class as in this image.

Then in the apps main css file (sorry I do not use that web app so I can not give specifics) add a new rule

.icon-search {

display: none;

}

Re: Removing the "toogle map info" widget in comparison app

FlorentNicolas — Wed, 24 Jun 2020 12:37:49 GMT

Hi,

Sorry for this.

Indeed, your solution worked:

.mapInfo.fg.icon-info

Thank you!