eSearch different logo

1736
3
02-29-2016 10:24 AM
LianaSmith
Occasional Contributor II

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

0 Kudos
3 Replies
RobertScheitlin__GISP
MVP Emeritus

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);
}
LianaSmith
Occasional Contributor II

Robert,

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

0 Kudos
RobertScheitlin__GISP
MVP Emeritus

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).