Questions on Kendo UI for jQuery Forum

1 answer

100 views

View & Native Scrolling not working on Android 4.3 + 4.4?

Hi,

I've got a problem to get native scrolling to work.
In my App I've got a view, with native-scrolling enabled (because of the "keyboard dismiss" scroll back problem).

On my old Android 2.3 everything works fine, but on Android 4.3 and 4.4 I'm not able to scroll in the view (landscape and portrait).

Is there any restriction how the view must be set up?

<div data-role=" data-use-native-scrolling="true">

<div id="chooser">

</div>

<div id="metadata">

<form>

</form

</div>

Thanks in advance,
Patrick

View

answered on 15 Aug 2014

5 answers

70 views

Don't understand what is missing with example view

Hi:

I pasted one of your examples into a page (slight modification) as follow:

<div id="app"></div>

<script>

var foo = { foo: "bar" }

var view = new kendo.View('<span>#: foo #</span>', { model: foo, evalTemplate: true });

view.render($("#app"));

</script>

and it displays on the screen:
#: foo #
I was expecting bar, but it seems it is not binding. I have version v2014.1.318.
Phil

View

answered on 25 Jul 2014

3 answers

65 views

DropDown style in View

On mobile, if you have a form within the body the dropdown appears in desktop format, if you don't have a form within the body the dropdown appears in the mobile format

The example explains better:

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

Here there is a form, if you click on the dropdown then the select list appears underneath the dropdown. If you remove the form the dropdown appears at the bottom of the screen?

thanks

View

answered on 16 Jul 2014

8 answers

50 views

Views within forms

Hi
Can you explain whats happening here please?

http://trykendoui.telerik.com/eMUf/2

In short I have a web page with a form which holds everything, I want something similar for mobile, a default view and then another one within a form.

Here it just flashes, I assume it's crashing in the background?

thanks

View

answered on 10 Jul 2014

1 answer

39 views

Select input after navigating to a view

I have several views in my Kendo Mobile app and I use buttons and navigate function to navigate between the views.
Each view contains several input elements.

How do i select the first input element to be focused after the view is navigated to?

I have tried the follownig, but it does not focus on the input after the view is navigated to.

application.navigate('#loan-promotion-length');

$('#field-promotion-length').focus();

View

answered on 11 Jun 2014

3 answers

29 views

View-Layout - broken - bug since .528, not present in .416

Today after upgrading to 2014.1.528 I noticed my layouts (headers) keep disappearing from views while navigating.
It seems to happen only when I'm using slide transition as default for the whole app.
It never happened before and I didn't change a thing to my code.
Here's an example:
http://jsbin.com/cipib/11/edit

View

answered on 10 Jun 2014

6 answers

149 views

Scroller repositioning problem after keyboard dismissed

I have a view with a textarea at the bottom. When I focus on the textarea the keyboard pops up and pushes the textarea up so you can see what you are typing in the input. The problem is when the keyboard is dismissed it doesn't reposition the scroller and leaves whitespace at the bottom where the keyboard was overlayed. Also if you try to scroll back to the top it to top appears to be cut off the same distance of the white space left at the bottom as if the whole slider has been shifted up by that amount. Is there a solution for this issue?

Scott

View

answered on 06 Jun 2014

1 answer

182 views

How to open a view and scroll down to a specific anchor ?

Glad to be the first one on this thread !

I have the following page :

<div data-role="view" data-layout="overview-layout" data-show="showEvent" data-init="initEvent" data-title="Meet My Friends" id="event" data-id="0" data-transition="slide">

<div data-role="content" class="content">

<div id="eventContent"></div>

<div class="eventButtons"> 

<table class="friends-tabs">

<tr>

<td class="tab-active" data-friends="might">Recommended</td>

<td class="friends-tab" data-friends="notifs">Wanna Go</td>

<td class="friends-tab" data-friends="invites">Invites</td>

<td class="friends-tab" data-friends="all">All</td>

</tr>

</table>

</div>

<div data-role="scroller" class="scrollerFriends">

<ul id="friendsToInvite"></ul>

</div>

<div>

<form id="friendSearchForEvent" class="km-filter-form">

<div class="km-filter-wrap">

<input type="text" id="messageInputFSE" placeholder="Friend Name" style="width:85%"/>

<button id="searchFriendForEvent" class="button2 btn-grey">Go</button>

</div>

</form>

</div>

And when someone click on a link to this page (basically href="\\#event? ..." ) I would like to redirect them to the div#friendsToInvite in within that view.

I guess I can do this with the scroller method scroll to but the height of the page vary depending on the template. Since Kendo UI uses # tags to select the view to be displayed, how can I sepcify a div based on ID ?
Many Thanks

View