GoldLine Posted June 18, 2020 Share Posted June 18, 2020 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. Link to comment Share on other sites More sharing options...
Sherzod Posted June 18, 2020 Share Posted June 18, 2020 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 Link to comment Share on other sites More sharing options...
GoldLine Posted June 18, 2020 Author Share Posted June 18, 2020 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? Link to comment Share on other sites More sharing options...
Sherzod Posted June 18, 2020 Share Posted June 18, 2020 3 minutes ago, GoldLine said: do you have an example how to do? Hi, For example for MainmForm: Link to comment Share on other sites More sharing options...
GoldLine Posted June 18, 2020 Author Share Posted June 18, 2020 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? Link to comment Share on other sites More sharing options...
Sherzod Posted June 18, 2020 Share Posted June 18, 2020 3 minutes ago, GoldLine said: I meant how to change the left margin of the image (on button). Which theme are you using? Link to comment Share on other sites More sharing options...
GoldLine Posted June 18, 2020 Author Share Posted June 18, 2020 11 minutes ago, Sherzod said: Which theme are you using? I use IOS theme. Link to comment Share on other sites More sharing options...
Sherzod Posted June 18, 2020 Share Posted June 18, 2020 2 minutes ago, GoldLine said: I use IOS theme. Link to comment Share on other sites More sharing options...
GoldLine Posted June 18, 2020 Author Share Posted June 18, 2020 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; } Link to comment Share on other sites More sharing options...
Recommended Posts