Enabled/Disabled right Button in NavBar

[Adolfa]

Hi,
I wrote a simple appl with a navbar and a title.
Then I add the back button as a lot of examples show and it works perfect.
I create a kind of log-in view where basically a user logs in and I'd like to show at the top right corner in the Nav Bar a button called Log out.
Initially I add directly the button like this:

    <header data-role="header">
        <div data-role="navbar">
            <a class="nav-button" data-align="left" data-role="backbutton">Back</a>
            <span data-role="view-title"></span>
            <a id="logout" class="nav-button " data-align="right" data-role="button" onclick="Test.common.logOut()">Logout</a>
        </div>

    </header>

It works of course, but what I should do is to hide it and show it only when the user is logged.
With some jQury stuff I can hide it but not show it again. I missing something.
Can someone please help me?

thanks a lot

[Kiril Nikolov]

Hi Adolfa,

The Kendo UI Mobile Button, has enable/disable functionality, that you can use in your case. Please check the following example, and let me know if it helps:

http://jsbin.com/qatav/1/edit

Regards,
Kiril Nikolov
Telerik

 

 

[Adolfa]

Hi Kiril,
thanks for your reply. I try your example and it works. But I'm looking for a way to hide it instead of disabling it.

thanks

[Kiril Nikolov]

Hello Adolfa,

Then you can just use the jQuery hide/show methods, like this:

http://jsbin.com/qatav/2/edit

Regards,
Kiril Nikolov
Telerik