Titlebutton image margin

[GoldLine]

Hello,

is it possible to change left margin of titlebutton (TUnimForm) image?

Image was added in code with "  UniSession.AddJS(TitleButtons[1].JSName + '.setIconCls("fas fa-sign-out-alt")');"

Thanks.

[Sherzod]

26 minutes ago, GoldLine said:

is it possible to change left margin of titlebutton (TUnimForm) image?

Hello,

You can do it in designTime.

TitleButtons[0].IconCls

[GoldLine]

5 minutes ago, Sherzod said:

Hello,

You can do it in designTime.

TitleButtons[0].IconCls

Hi Sherzod,

do you have an example how to do?

 

[Sherzod]

3 minutes ago, GoldLine said:

do you have an example how to do?

Hi,

For example for MainmForm:

[GoldLine]

2 minutes ago, Sherzod said:

Hi,

For example for MainmForm:

Hi Sherzod,

thanks a lot, but I think you missunderstood me.

I meant how to change the left margin of the image (on button).

Image is adjusted left and I want to center image on the titlebutton.

Is it possible?

[Sherzod]

3 minutes ago, GoldLine said:

I meant how to change the left margin of the image (on button).

Which theme are you using?

[GoldLine]

11 minutes ago, Sherzod said:

Which theme are you using?

I use IOS theme.

[Sherzod]

2 minutes ago, GoldLine said:

I use IOS theme.

[GoldLine]

7 minutes ago, Sherzod said:

Okay, I think I've found the cause.

I use FontAweSome5Pro. I installed FontAweSome5Pro following these instructions:
 

Update font awesome 5 pro on extJS 7

create a folder with the original name inside the folder ..\ext-7.0.0(version)\build\packages\font-awesome\resources and move the files and folder to the original folder

Copy the webfonts folder to ..\ext-7.0.0(version)\build\packages\font-awesome\resources
Copy the all.min.css folder to ..\ext-7.0.0(version)\build\packages\font-awesome\resources
rename all.min.css to font-awesome-all.css

Make the following adjustments to font-awesome-all.css:

replace ../webfonts to ./webfonts

Add these lines at the end:
.x-fa:before,
.x-fas:before {
    font-family: 'Font Awesome 5 Pro' !important;
}
.x-far:before {
    font-family: 'Font Awesome 5 Pro' !important;
}
.x-fab:before {
    font-family: 'Font Awesome 5 Pro' !important;
}
.x-fad:before {
    font-family: 'Font Awesome 5 Pro' !important;
}