Programmatically Show / Hide Back Button

3 posts, 0 answers
  1. Matt
    Matt avatar
    58 posts
    Member since:
    Jun 2009

    Posted 14 May 2012 Link to this post

    Hi,

    Was just going to just JQuery show / hide but this CSS code removes the entire navbar?

    <div id="header" data-role="layout" data-id="app">
            <header data-role="header">
                <div id="navbar" data-role="navbar">
                    <a id="navbar_back" style="display:none" data-role="backbutton" data-align="left">Back</a>
                    <span id="viewtitle" data-role="view-title">One Min Changes</span>
                </div> 
            </header>

    Thanks
    Matt
  2. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 15 May 2012 Link to this post

    Hello Matthew,

    Currently the NavBar itself doesn't have height and the title in it is set to position: absolute when there are buttons in there. We will think of a way to improve this in future releases, meanwhile as a workaround you can either set height to the NavBar or use visibility: hidden instead of display: none.

    Regards,
    Kamen Bundev
    the Telerik team
    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
  4. Matt
    Matt avatar
    58 posts
    Member since:
    Jun 2009

    Posted 15 May 2012 Link to this post

    Hi Kamen,

    I will try height workaround and look out for long term fix :)

    Thanks
    Matt
Back to Top