Modifying NearMe Widget - WAB for Developer

252
5
02-28-2018 08:54 AM
CaseyRagain
New Contributor II

In WAB for developer, I am modifying the NearMe widget. I have successfully removed the search box in the widget panel, changed the text, and now I am trying to move the swiper bar up towards the top. See screenshot:

I have been searching through all of the widget's files and I cannot locate were you adjust the height of the swiper bar?

Any help is greatly appreciated!

Thanks,

Casey

Tags (1)
0 Kudos
5 Replies
RobertScheitlin__GISP
MVP Esteemed Contributor

Casey,

  It looks like you set the searchbox visibility to hidden in a css rule or something. What did you do to remove the searchbox?

0 Kudos
CaseyRagain
New Contributor II

Hi Robert,

I referenced the solution provided in this support question:

https://community.esri.com/ideas/12373 

Thanks,

Casey

0 Kudos
RobertScheitlin__GISP
MVP Esteemed Contributor

Casey,

   That is not the proper way to do that. Add that section back to the Widget.html and then in the css folder of the widget open the style.css and scroll al the way to the bottom and add this new rule:

.esriCTSearchContainer {
  display: none;
}
CaseyRagain
New Contributor II

Great, thank you Robert for the help with the search box! 

Regarding my original post, any ideas how to move the swiper bar up a few pixels?

Thanks.

0 Kudos
RobertScheitlin__GISP
MVP Esteemed Contributor

When you do what I suggested above the slider will automatically move up.

0 Kudos