This is a migrated thread and some comments may be shown as answers.

Custom Tabstrip Icon Background-size

1 Answer 67 Views
TabStrip (Mobile)
This is a migrated thread and some comments may be shown as answers.
Kevin
Top achievements
Rank 1
Kevin asked on 04 Feb 2014, 04:37 PM
Using the guide at http://docs.telerik.com/kendo-ui/getting-started/mobile/icons#restyle-only-the-custom-icon I've added a custom mask icon using the latest recommended way to do it. Unfortunately my icons (glyphish pack) seem to be just a tiny bit too large for my taste and the background-size is having no effect when i try to change it.

km-root .km-pane .km-view .km-home-new {
    background-size: 90% 90%;
    -webkit-background-clip: border-box;
    background-color: white;
}
.km-home-new {
    -webkit-mask-box-image: url("images/53-house@2x.png");
    background-color: red;
}

I have tried as low as 10% 10% and it changes nothing.

1 Answer, 1 is accepted

Sort by
0
Kiril Nikolov
Telerik team
answered on 06 Feb 2014, 02:11 PM
Hi Kevin,

As these are font icons, you will need to change the font-size in order to change the icon size. Please check the following example, for a possible implementation:

http://jsbin.com/javod/1/edit

Regards,
Kiril Nikolov
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
TabStrip (Mobile)
Asked by
Kevin
Top achievements
Rank 1
Answers by
Kiril Nikolov
Telerik team
Share this question
or