Font icon size

Webix JS
1

Hi,

Trying to figure out how to change the size of a font-awesome icon.
I can change the size and color of the button, but not the icon:

 {
   view: "button",
   type: "iconTop",
   icon: "trophy",
   label: "Award",
   css: "font-button",
   width: 40,
}

<style>
  .font-button .webix_icon {
      color: #1d7;
  }
</style>

Dave

2

Webix uses the FontAwesome icons, so you need to set the font-size property:

.font-button .webix_icon{
  color: #1d7;
  font-size:45px;  
  margin-left:-20px;  
}

http://webix.com/snippet/9c8b7cb3

3

Thanks that works.

What’s the best way to change the font color when it is disabled?

I’m guessing by changing the css class, no?

David

4

You right - that’s the best and obvious solution

5

thanks.