Hi all
I'm using Ztree in my app and I need to increase size of '+'/'-' symbol, I've tried to change CSS or resize the image of Ztree but it's not work.
Do you have any idea to change size of it?
I'm using demo app of Ztree to testing, I attached the OML as below, could you please help me check it
Hi @Bella Nguyen ,
Ztree seems to be using image sprite and just showing portions of the image via css.
So enlarging a particular icon will require to enlarge the whole sprite image and requires repositioning. I did some adjustments and placed it in the screen css. I only target the classes for -/+.
.ztree li span.button.roots_open {
background-size: 320px 194px;
background-position: -192px -46px;
}
.ztree li span.button.roots_close {
background-position: -156px -46px;
.ztree li span.button.center_open {
.ztree li span.button.center_close {
.ztree li span.button.bottom_open {
.ztree li span.button.bottom_close {
Regards,
Bryan
Hi Bryan, thank you for your solution, it solved my issue now.
Hi Bryan,
Can you tell me how to find the CSS number in your CSS? I change the px but UI not working. How can you calculation it?