topic Re: Jewelry Box on screen widgets icon in mobile view in Web AppBuilder Custom Widgets Questions

Jewelry Box on screen widgets icon in mobile view

James_001 — Sun, 12 Dec 2021 09:01:12 GMT

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

Re: Jewelry Box on screen widgets icon in mobile view

RobertScheitlin__GISP — Sun, 12 Dec 2021 09:01:15 GMT

Irfan,

The css rules should be:

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

Re: Jewelry Box on screen widgets icon in mobile view

James_001 — Fri, 27 Apr 2018 13:50:27 GMT

Robert,

I tried with the above one but still does not change any thing. Any idea?

Thanks,

Irfan

Re: Jewelry Box on screen widgets icon in mobile view

RobertScheitlin__GISP — Fri, 27 Apr 2018 14:02:35 GMT

Worked perfect for me...

Re: Jewelry Box on screen widgets icon in mobile view

James_001 — Fri, 27 Apr 2018 14:53:31 GMT

Robert,

You are right! Refreshing app multiple time got it work. Thanks a lot!