Removing the "toogle map info" widget in comparison app

284
2
06-24-2020 01:45 AM
FlorentNicolas
New Contributor

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!

Tags (1)
0 Kudos
2 Replies
RobertScheitlin__GISP
MVP Emeritus

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;

}

0 Kudos
FlorentNicolas
New Contributor

Hi,

Sorry for this.

Indeed, your solution worked:

.mapInfo.fg.icon-info

Thank you!

0 Kudos