width height icons on Tabstrip ?

[aismen]

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

[Kamen Bundev]

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

[aismen]

Works fine! Thanks! ;)