Align icon to the right of Button text

2 posts, 0 answers
  1. Leo Drozda
    Leo Drozda avatar
    1 posts
    Member since:
    May 2005

    Posted 06 Aug 2014 Link to this post

    Is there anyway of aligning a custom icon to the right of a mobile button's text? I noticed there was a CSS class called 'k-space-right' for text fields in Kendo UI Web that is used for positioning icons to the right of inputs. Is there a similar class in the mobile kit or is there anyway I can reliable position icons to the right of a buttons title ?
  2. Iliana Nikolova
    Iliana Nikolova avatar
    2622 posts

    Posted 08 Aug 2014 Link to this post

    Hi Leo,

    The following CSS rule should help to achieve the desired outcome: 
    .km-button .km-icon {
        float: right;
        margin-left: 0.3em;

    For your convenience here is a simple example which demonstrates the suggested approach in action. 

    Iliana Nikolova
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top