AnsweredAssumed Answered

Jewelry Box on screen widgets icon in mobile view

Question asked by Irfanafsar1 on Apr 26, 2018
Latest reply on Apr 27, 2018 by Irfanafsar1

Hi all, 

I am trying to add css rules for mobile view of on screen widgets in Jewelry Box theme of WAB 2.7.

I added these css rules in G:\WebAppBuilderForArcGIS\server\apps\24\jimu.js\css\jimu-theme.css. 

They are not working here!

 

 

 

 

These rules are define in Launchpad theme from jimu-theme.css

.is-mobile .jimu-widget-placeholder
{
  width: 30px !important;
  height: 30px !important;
}
.is-mobile .jimu-widget-placeholder .inner {
  width: 16px;
  height: 16px;
  margin: 6px;
  line-height: 16px;
}
.is-mobile .jimu-widget-onscreen-icon {
  width: 30px !important;
  height: 30px !important;
}
.is-mobile .jimu-widget-onscreen-icon img {
  width: 14px;
  height: 14px;
  margin: 8px;
}

Outcomes