topic Re: eSearch different logo in ArcGIS Web AppBuilder Questions

eSearch different logo

LianaSmith — Mon, 29 Feb 2016 18:24:07 GMT

Is it possible to change background of the eSearch logo in the Application? Light grey color is almost invisible on my Topography basemap...Robert Scheitlin, GISP

Re: eSearch different logo

RobertScheitlin__GISP — Sun, 12 Dec 2021 07:32:06 GMT

Diana,

Sure you will need to adjust the css rules for the jimu-widget-onscreen-icon. Here is an example (green color):

.jimu-widget-onscreen-icon {
  position: absolute;
  cursor: pointer;
  border-radius: 4px;
  background-color: rgb(42, 170, 138);
  -ms-filter: "Alpha(opacity=20)";
  background-color: rgba(42, 170, 138, 0.2);
}

.jimu-widget-onscreen-icon.jimu-state-selected {
  background-color: rgb(42, 170, 138);
  -ms-filter: "Alpha(opacity=80)";
    background-color: rgba(42, 170, 138, 0.8);
}

.jimu-widget-onscreen-icon:hover{
  background-color: rgb(42, 170, 138);
  -ms-filter: "Alpha(opacity=40)";
  background-color: rgba(42, 170, 138, 0.4);
}

Re: eSearch different logo

LianaSmith — Mon, 29 Feb 2016 19:08:57 GMT

Robert,

I can not find Jimu Widget Onscreen icon rules under all widgets. Can you please specify where I should adjust css rules? Thanks!

Re: eSearch different logo

RobertScheitlin__GISP — Mon, 29 Feb 2016 19:13:58 GMT

Diana,

Sorry I should not have said adjust. You need to add this rule to the common.css file of your apps chosen themes folder (i.e. [install dir]\server\apps\[app#]\themes\FoldableTheme\common.css).