Is there method to change popup-text of widget group

2359
1
Jump to solution
04-14-2016 07:51 AM
JakeCliffton
New Contributor III

In Launch Pad theme, I created a widget group (as the following folder icon). After it is open, when users is hovering over the icon, text (e.g. ‘Census Tract’ pops up).

I would like to make the text of pop-up text darker and bold, and bigger. I am changing the code from theme - LaunchpadTheme -- widgets --AnchorBarController – css –style.css and codes like below:

.jimu-anchorbar-more-pupup .jimu-anchorbar-iconitem .icon-item.dockable{

  margin-top: 0;

font-weight: bold;

}

But it does not do the change. Is there anything can work? Thanks!

0 Kudos
1 Solution

Accepted Solutions
RobertScheitlin__GISP
MVP Emeritus

Jake,

  In the launchpad.css you will find these css rules that control that:

[install dir]\server\apps\[app#]\themes\LaunchpadTheme\styles\default\css\launchpad.css

.claro .launchpad-tooltip .dijitTooltipContainer {
  color: #6d6e70;
  padding: 5px 15px;
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 0.85;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  filter: alpha(opacity=85);
}
.claro .launchpad-tooltip.dijitTooltipAbove {
  padding-bottom: 12px;
}
.claro .launchpad-tooltip.dijitTooltipAbove .dijitTooltipConnector {
  opacity: 0.85;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  filter: alpha(opacity=85);
  border-top-color: #fff;
  bottom: 5px;
}

View solution in original post

0 Kudos
1 Reply
RobertScheitlin__GISP
MVP Emeritus

Jake,

  In the launchpad.css you will find these css rules that control that:

[install dir]\server\apps\[app#]\themes\LaunchpadTheme\styles\default\css\launchpad.css

.claro .launchpad-tooltip .dijitTooltipContainer {
  color: #6d6e70;
  padding: 5px 15px;
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 0.85;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  filter: alpha(opacity=85);
}
.claro .launchpad-tooltip.dijitTooltipAbove {
  padding-bottom: 12px;
}
.claro .launchpad-tooltip.dijitTooltipAbove .dijitTooltipConnector {
  opacity: 0.85;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  filter: alpha(opacity=85);
  border-top-color: #fff;
  bottom: 5px;
}
0 Kudos