width height icons on Tabstrip ?

3 posts, 0 answers
  1. aismen
    aismen avatar
    2 posts
    Member since:
    Jun 2012

    Posted 06 Jun 2012 Link to this post

    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. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 07 Jun 2012 Link to this post

    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!
  3. Kendo UI is VS 2017 Ready
  4. aismen
    aismen avatar
    2 posts
    Member since:
    Jun 2012

    Posted 07 Jun 2012 Link to this post

    Works fine! Thanks! ;)
Back to Top