Jump to content

Titlebutton image margin


GoldLine

Recommended Posts

2 minutes ago, Sherzod said:

Hi,

For example for MainmForm:

titlebtns0.png.b677d08b98a02a6952b63259cbbcd4bd.png

titlebtns1.png.21af31c823053fdd20bc88ead8d75c13.png

titlebtns2.png.b79c0d10b0d498d3512c417bfc84b39b.png

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?

Link to comment
Share on other sites

7 minutes ago, Sherzod said:

titlebtns4.png.ffdae941e01905d90474687b5f7899d4.png

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;
}

Link to comment
Share on other sites

×
×
  • Create New...