How to right align a button in a listview item

2 posts, 0 answers
  1. Alex
    Alex avatar
    54 posts
    Member since:
    Feb 2009

    Posted 08 May 2014 Link to this post

    I have a button inside a listview item, and I do not want it to occupy the whole width of the item. I want to fix the width and right align the button.
    I have tried using data-align="right" but that does not help, the button remains left aligned

    Here is my code

    <ul>
       <li><a data-role="button" data-rel="modalview" href="#modalview-loanamount" id="modalview-open-button">Help</a></li>
    </ul>
     
    <style scoped>
        #modalview-open-button {
            width:5em;
        }
    </style>
  2. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2565 posts

    Posted 09 May 2014 Link to this post

    Hello Aleksandar,

    You can just float the buttons to the right like this:

    http://jsbin.com/raneq/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!
     
  3. Kendo UI is VS 2017 Ready
Back to Top