How to apply custom theme for buttons ?

Webix JS
#1

Hi All,
I need to do few changes related to button size through custom theme builder, i don’t see any option to change button size i can see only button color option. How do i change the button size?
Any help is much appreciated.

Please refer to this link,

https://webix.com/skin-builder/acd59da0

#2

Hello @Ranjitha,
There is no setting for changing the size of the button in the Skin Builder, but you can adjust the sizes of it by changing skin JS settings.
Please check this information from our documentation:
https://docs.webix.com/desktop__skins.html#customizingskins

#3

Hi @annazankevich ,

I tried by giving ,
webix.skin.flat.buttonHeight = 26; (flat is the skin type).
It doesn’t seem to work.

Can you help if i’m doing it in a wrong way?

#4

@Ranjitha ,
You can set the buttonHeight like:

webix.skin.$active.buttonHeight= 100;

Please check the snippet:
https://snippet.webix.com/kyyci90g

#5

Is there any alternative? It doesn’t seem to work.

Webix version is 5.1

#6

@Ranjitha
looks like it works even for v4.4
https://snippet.webix.com/usc0ui4z

#7

@annazankevich ,

After applying the skin, fontAwesome icons are not showing.

#8

@Ranjitha
here icons are shown correctly
https://snippet.webix.com/w3zxsf3x
can you share your snippet?

#9

@integral ,
When we inspect the fontFamily of the icons, it is actually FontAwesome.
But when i inspect in my app, the fontFamily is “Webix Awesome Icons”

#10

But when i inspect in my app, the fontFamily is “Webix Awesome Icons”

then you are using v6+ and have to use full icon name.
e.g. fa-check instead of check for FontAwesome icons
or wxi-check if you want to use built in icons

#11

@intregal , Thanks for your reply.