Back button doesn't play nice with other buttons

2 posts, 0 answers
  1. David T.
    David T. avatar
    4 posts
    Member since:
    Aug 2007

    Posted 28 Jan 2013 Link to this post

    We would like to have a header that has a back button and home button next to each other.  Unfortunately, when we include a button next to the back button and run our app on a PC in Firefox or IE, the home button displays half a line lower than it should. 

    It looks right on the mobile devices that I have tested, but it would be kinda nice if it looked right on the PC too - it's nice to be able to test/demo the app on a PC.

        <div data-role="view" data-title="Test page">
        <header data-role="header">
            <div data-role="navbar">
                <span data-role="view-title"></span>
                <a data-align="left" data-role="backbutton" class="nav-button" href="#index">Back</a>
                <a data-align="left" data-role="button" class="nav-button" href="default.aspx" data-rel="external" data-icon="home"></a>

  2. Iliana Nikolova
    Iliana Nikolova avatar
    2622 posts

    Posted 29 Jan 2013 Link to this post

    Hi David,

    I have already answered to your support ticket with the same question, however I am pasting my reply here too:  

    By design Kendo UI Mobile fully supports only WebKit-based browsers (such as Google Chrome and Safari). I would advice you to develop under compatible desktop browser. Please test your project under Google Chrome / Safari and let me know if the problem still persists. Thank you in advance for your cooperation.

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