This is a migrated thread and some comments may be shown as answers.

Back button doesn't play nice with other buttons

1 Answer 43 Views
Button (Mobile)
This is a migrated thread and some comments may be shown as answers.
David T.
Top achievements
Rank 1
David T. asked on 28 Jan 2013, 05:04 PM
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>
        </div>
    </header>

1 Answer, 1 is accepted

Sort by
0
Iliana Dyankova
Telerik team
answered on 29 Jan 2013, 02:43 PM
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.

Regards,
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!
Tags
Button (Mobile)
Asked by
David T.
Top achievements
Rank 1
Answers by
Iliana Dyankova
Telerik team
Share this question
or