Questions on Kendo UI for jQuery Forum

10 answers

51 views

When using Kendo MVC NavBar with platform "ios7" in iPhone, when ever clicking on NavBar (left side where the drawer for exmaple), iPhone URL address bar will popup on top of the NavBar instead of above it.

You can also see example for this issue on your mobile demo website (demos.telerik.com/kendo-ui/m/index), just open link in horizontal view on iPhone 5 and try to click somewher on NavBar.

NavBar

answered on 07 Aug 2015

1 answer

76 views

Mobile / NavBar / ToolBar as ActionBar / AngularjS

Hey Guys,

it is possible to replace the click function with ng-click (angularjs)?

For example:

<header data-role="header">
<div data-role="toolbar" data-items='[

{ type: "button", showText: "overflow", id: "flag", text: "Flag", icon: "toprated", click: function(e){ alert("123") } },
{ type: "button", showText: "overflow", id: "flag2", text: "Flag2", icon: "toprated", ng-click: function(e){ alert("123") } },
]'>
</div>
</header>

Greeting

NavBar

answered on 04 Jun 2015

1 answer

65 views

Error in navbar back button

Hi, I have encountered this strange error that was not present earlier.

The back button in a navbar, causes a jquery error, this is reproducible also in one of your demos:

http://demos.telerik.com/kendo-ui/mobile-view

Simply go to the local view then click back, you'll get an error like:

Uncaught Error: Syntax error, unrecognized expression: #!

NavBar

answered on 29 May 2015

1 answer

191 views

Update badge number in navBar from remote view

I have layout, remove view.

The remove view has a button, when I tap on this button, I need 1 count to be added in the layout's navbar's button's badge. how do I achieve that?

NavBar

answered on 08 Jan 2015

2 answers

39 views

Navigation

How do I tell button X in the navbar to open view Y in my layout?

NavBar

answered on 10 Sep 2014

2 answers

65 views

Mobile // Toolbar as Actionbar // Single-JS files?

Hi,

just a short question. We want to add "Toolbar as Actionbar" feature in our mobile app. If possible, we don't want to add the complete "kendo.all.min.js" file to our app. Is there any single "*.mobile.js" file including this feature? We've tried to include the updated "mobile.min.js" and "mobile.navbar.min.js" but toolbar is not visible. If we include the "kendo.all.min.js" everything works as intended.

Thanks

NavBar

answered on 14 Aug 2014

3 answers

152 views

Enabled/Disabled right Button in NavBar

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

NavBar

answered on 29 Jul 2014

9 answers

464 views

Android Switch Header and Footer

Is there an option to keep the android header and footer from switching places?

On iOS the header and footer appear as:
[ back ] Panel Title
Content
Content
[ w ] [ x ] [ y ] [ z ]

The Android theme flips them to:
[ w ] [ x ] [ y ] [ z ]
Content
Content
[ back ] Panel Title

I would like both themes to look like iOS in regards to the order of elements.

NavBar

answered on 30 May 2014

2 answers

66 views

Title overwriting Back button

For the navbar if the title is very long it goes over the top of the back button shown on the left. How would I go about padding the title so that it wordwraps rather than going over the back button?

I've tried some style settings with out any success.

<header data-role="header">
<div data-role="navbar">
<span data-role="view-title"></span>
</div>
</header>

Thanks
Keith Avery

NavBar

answered on 25 Feb 2014

10 answers

241 views

NavBar Title Translation

I have a phonegap 3 application where I use kendo mobile.

For internationalization I use this:
https://github.com/plang/phonegap-l10n
It's pretty simple. I can add a class an the translation works.

My views:

<div data-role="view" id="tab-catalog" data-title="Catalog" data-layout="mobile-tabstrip">

....

</div>

<div data-role="view" id="tab-account" data-title="Account" data-layout="mobile-tabstrip">

....

</div>

My Layout:

<div data-role="layout" data-id="mobile-tabstrip">

<header data-role="header">

<div id="navbar" data-role="navbar">

<a data-role="button" data-rel="drawer" href="#drawer" data-icon="drawer-button" data-align="left"></a>

<span data-role="view-title"></span>

<a id="scan" data-align="right" data-icon="camera" data-role="button"></a>

</div>

</header>

</div>

Works fine.. but I don't know how to translate the data-title attribute.
I know I can set the title with
$("#navbar").data("kendoMobileNavBar").title("foo");
I also could read the title of my view with kendo.view().title and make the translation, something like this:

$("#navbar").data("kendoMobileNavBar").title(Localization.for(kendo.view().title));

After I start the app is the title is translated, but if I change the view and come back the title is "Catalog" again.

How could I accomplish anything like this?

NavBar