Back Button not showing in 2013 Q2 or Q3 Beta

2 posts, 0 answers
  1. Scott
    Scott avatar
    6 posts
    Member since:
    Dec 2011

    Posted 19 Nov 2013 Link to this post


    The Back Button is not showing for 2013 Q2 or Q3 Beta. I have a simple test set up and the Back Button will not show unless I go back to Q1 for the stylesheet. If I add in the stylesheet from my Q2 or Q3 Beta download, the button does not show even though the link function is there - you just can't see it.

    If I reference   <link href="" rel="stylesheet" /> for the style sheet, the button is visible.

    Can you confirm the issue?

    As I mentioned before, I tried the js and css files from Q2 (v2013.2.918) and Q3 Beta (v2013.3.1030). The only thing that worked was pointing to the Q1 version of the style sheet on the CDN.

    Below is my test page.


    <html lang="en">
        <script src="js/kendo/jquery.min.js"> </script>
        <script src="js/kendo/"></script>
        <link href="styles/kendo/" rel="stylesheet" />
         .no-backbutton .km-back { visibility: hidden; }    
        <div data-role="view" id="mt-home-main-view" data-title="Movie Tickets" data-show="homeViewInit" data-layout="mt-main-layout" class="no-backbutton">
            Home Page View

        <!-- about view -->
        <div data-role="view" id="mt-about-view" data-title="About" data-layout="mt-main-layout">
            <div style="padding: 15px">
                This is a sample application developed for the book 
                Building Mobile Applications using Kendo UI Mobile and ASP.NET Web API 

        <div data-role="layout" data-id="mt-main-layout">
            <header data-role="header">
                <div data-role="navbar">
                    <a data-align="center" data-role="backbutton">Back</a> 
                    <span data-role="view-title">Movie Tickets</span>
            <footer data-role="footer">
                <div data-role="tabstrip">
                    <a href="#mt-home-main-view">
                        <img src="images/movies.ico"
                            height="40" width="40" /><br />
                    <a href="Trailers.html">
                        <img src="images/trailers.ico" height="40" width="40" /><br />
                    <a href="#mt-about-view" data-icon="about">
                        <br />
            var application = new,
                transition: 'slide',skin:'flat'



  2. Kamen Bundev
    Kamen Bundev avatar
    1532 posts

    Posted 20 Nov 2013 Link to this post

    Hello Scott,

    I'm not sure I follow you - you have some CSS on your sample that specifically hides the back button? If you remove it, the back button shows up.

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