Select to view content in your preferred language

Change fonts in WAB 2.6

1359
14
Jump to solution
11-14-2017 07:23 AM
GeorgeKatsambas
Occasional Contributor III

To change title fonts for all my widgets do I have to change each individual css file? For example in the Measure widget I want to change the font size of measure.

Tags (2)
0 Kudos
14 Replies
GeorgeKatsambas
Occasional Contributor III

Just a part changes color?

0 Kudos
RobertScheitlin__GISP
MVP Emeritus

George,

   That would appear that you are only adding the color to the title-label... Are you copying exactly what I have in my last code post?

0 Kudos
GeorgeKatsambas
Occasional Contributor III

If I add this to the css then I get partial color, your code is not changing it at all, now it has to be something stupid I am doing

0 Kudos
RobertScheitlin__GISP
MVP Emeritus

George,

  So you are using the blue style of the Foldable theme not the default color so here is the fix for that:

@import url("panels/FoldablePanel/style.css");
@import url("panels/DockablePanel/style.css");
/********** styles for simple panel***********/
.jimu-simple-panel{
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.jimu-on-screen-widget-panel>.jimu-panel-title>.title-label,
.jimu-foldable-panel .title-label {
  font-size: 25px;
}

.FoldableTheme.blue .jimu-on-screen-widget-panel > .jimu-panel-title,
.FoldableTheme.blue .jimu-foldable-panel > .jimu-panel-title {
  background-color: rgb(255, 0, 0);
  background-color: rgba(255, 0, 0, 1);
}
GeorgeKatsambas
Occasional Contributor III

Oh good thing to know, thank you very much

0 Kudos