Roberto Nicchi Posted June 16, 2022 Share Posted June 16, 2022 Hello, Using the crisp theme icons are displayed in full size into the grid: Using the classic theme icons are cut: I'm using svg icons (TUniNativeImageList) The css class for icon is defined like this .deleteIcon16 { background-size: 16px auto; background-image: url("files/icone/deleteIcon.svg"); } Is there a solution to avoid the icon is cut using the classic theme ? thanks in advance Roberto Quote Link to comment Share on other sites More sharing options...
Sherzod Posted June 16, 2022 Share Posted June 16, 2022 Hello, Simple testcase? Quote Link to comment Share on other sites More sharing options...
Roberto Nicchi Posted June 17, 2022 Author Share Posted June 17, 2022 19 hours ago, Sherzod said: Hello, Simple testcase? Hello @Sherzod, here you are attached the testcase. What i would like is to see in the grid the svg icon (16x16) in full size using the classic theme, now it's cut. If necessary the row height can be incrased. I'd like this is done using a general css that affects all the application. thanks Roberto Project1.zip Quote Link to comment Share on other sites More sharing options...
Sherzod Posted June 17, 2022 Share Posted June 17, 2022 13 minutes ago, Roberto Nicchi said: here you are attached the testcase. Hello, thanks. 13 minutes ago, Roberto Nicchi said: What i would like is to see in the grid the svg icon (16x16) in full size using the classic theme, now it's cut. If necessary the row height can be incrased. I'd like this is done using a general css that affects all the application. .deleteIcon16 { width: 16px; height: 16px; background-size: 16px auto; background-image: url("files/icone/deleteIcon.svg"); } Quote Link to comment Share on other sites More sharing options...
Roberto Nicchi Posted June 17, 2022 Author Share Posted June 17, 2022 10 minutes ago, Sherzod said: Hello, thanks. .deleteIcon16 { width: 16px; height: 16px; background-size: 16px auto; background-image: url("files/icone/deleteIcon.svg"); } Ahhhhm i was missing the width and height. Thanks a lot. Quote Link to comment Share on other sites More sharing options...
Roberto Nicchi Posted September 16, 2022 Author Share Posted September 16, 2022 Hello @Sherzod i'm still having problems with the TUniButtonWidget. If the image is squared, it's rendered correctly. But if the image is rounded it's cut in the left and in the right. See the attached example. How to fix it ? Thanks apptest.zip Quote Link to comment Share on other sites More sharing options...
Sherzod Posted September 16, 2022 Share Posted September 16, 2022 Hello @Roberto Nicchi Try this: .infoIcon16 { width: 16px !important; height: 16px; background-size: 16px auto; background-image: url("files/icone/infoIcon.svg"); } Quote Link to comment Share on other sites More sharing options...
Roberto Nicchi Posted September 16, 2022 Author Share Posted September 16, 2022 It works Thanks a lot. 1 Quote Link to comment Share on other sites More sharing options...
Abaksoft Posted September 16, 2022 Share Posted September 16, 2022 We will never be able to thank so much our dear friend Sherzod . He is always available and sharpened to the smallest detail. Many thanks Maestro. God bless you and your Family. 2 Quote Link to comment Share on other sites More sharing options...
Sherzod Posted September 17, 2022 Share Posted September 17, 2022 20 hours ago, Abaksoft said: We will never be able to thank so much our dear friend Sherzod . First of all, I want to say thanks a lot to Farshad and All of You! Thanks. 1 1 Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.