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

width height icons on Tabstrip ?

2 Answers 249 Views
TabStrip (Mobile)
This is a migrated thread and some comments may be shown as answers.
aismen
Top achievements
Rank 1
aismen asked on 06 Jun 2012, 10:26 AM
I need to insert 5 icons on iOS tabstrib but default icons are too big to fit five icons on one row inline.....how can I resize icons (I think 64px) to 48px or 32px ???? I want also resize height of tabstrip...It's too high for 48px/32px icons!

Thanks

2 Answers, 1 is accepted

Sort by
0
Kamen Bundev
Telerik team
answered on 07 Jun 2012, 09:11 AM
Hi Andrea,

To adjust the icon sizes, use a CSS rule like this:
.km-ios .km-button .km-icon
{
    width: 32px;
    height: 32px;
    margin: 0 auto;
}


By default the icons are in rem units and around 40x40 px (depends on the device). The TabStrip itself doesn't have set height so it will adjust. Additionally you can remove the top and bottom icon margin to make the TabStrip even smaller and the buttons themselves have small horizontal % margin to help them distribute better, you can remove that too, like this:
.km-ios .km-tabstrip .km-button
{
    margin: 0;
}


Regards,
Kamen Bundev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
aismen
Top achievements
Rank 1
answered on 07 Jun 2012, 07:00 PM
Works fine! Thanks! ;)
Tags
TabStrip (Mobile)
Asked by
aismen
Top achievements
Rank 1
Answers by
Kamen Bundev
Telerik team
aismen
Top achievements
Rank 1
Share this question
or