Questions on Kendo UI for jQuery Forum

6 answers

146 views

Endless Scrolling + Filtering + Flat Skin

When Endless Scrolling and Filtering is used the the flat skin, the bottom element is not accessible.
http://demos.kendoui.com/mobile/listview/filtering.html#/

I have this issue on both devices and web views to a greater extent. Elastic allows me to see the bottom item, removing filtering shows me all the items just fine.

Is there a work around?

ListView (Mobile)

answered on 22 Jun 2016

1 answer

44 views

Issue repeating data from custom datasource

Hi

I've been struggling with KendoUI and AngularJS to get a list view to repeat (or attempting to use ng-repeat). Here is the StackOverflow I created in regards to the issue

http://stackoverflow.com/questions/37701918/kendoui-angular-datasource-will-not-repeat-or-display-telerik-platform

I not have a suspicion it may be the json returned from my DataSource and as such I may need to restructure it or work around it, if this is the case I do not mind restructuring the results.

Cheers

ListView (Mobile)

answered on 10 Jun 2016

5 answers

65 views

Mobile Listview bug

I'm building a mobile application using Phonegap and Kendo UI. I have 2 mobile listviews in my application, one list has only one element, and the other has about 100. I've noticed that when I tap the list with only the single item and drag down slightly, the click event on the list item won't fire, yet it still navigates to the next screen when this happens.

The template for my listview looks like this:

I think what's happening is because of the anchor tag in the template it still navigates to the page its supposed to, but because I have code in the click event to populate the page that the list item navigates to, I end up with a blank page because the click event hasn't fired.

I don't have this problem with the other listview that has several items, so my guess is that when a listview is scrolled kendo internally prevents the default behaviour of the list item, which in this case in an anchor tag.

I tried to work around this by removing the anchor from my template and then used navigate() in the click event of the list item, which does work, but when I do it this way, an extra click event is fired on the page that is navigated to so the first item on that page is automatically clicked.

ListView (Mobile)

answered on 09 Jun 2016

1 answer

32 views

Is filter supported for a strict markup list?

Can I use the filterable attribute on a markup only list? I suspect the issue is that you will need a model, for the filter to work.

In this example, the list goes empty when trying to write in the filter input

<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Kendo UI Snippet</title> <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.1.412/styles/kendo.common.min.css"/> <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.1.412/styles/kendo.rtl.min.css"/> <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.1.412/styles/kendo.silver.min.css"/> <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.1.412/styles/kendo.mobile.all.min.css"/> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://kendo.cdn.telerik.com/2016.1.412/js/kendo.all.min.js"></script> </head> <body> <div data-role="view"> <ul data-role="listview" data-filterable="true" data-style="inset"> <li>Foo</li> <li>Bar</li> </ul> </div> <script> new kendo.mobile.Application(); </script> </body> </html>

ListView (Mobile)

answered on 25 Apr 2016

3 answers

101 views

ListView + Template + > char

Hi!
I have a listview that is using a template.
I want to show a > sign aligned to the right so the user know that if he/she presses the item, a new listview will be presented.
I have tried adding > sign by using a div tag but it is not looking good.
Is there any other way to do this so it looks like the one visible when your not using templates?

My template looks like the :

<script type="text/x-kendo-template" id="feedTemplate">

<div style="float:right">

>

</div>

<img class="item-image" src="${ImageUrl}" />

<h3 class="item-title">${Title}</h3>

<p class="item-description">${Description}</p>

<a href="\\#" data-role="button" class="delete">Delete</a>

</script>

ListView (Mobile)

answered on 24 Mar 2016

2 answers

33 views

Export Chart as pdf on hibird app

How can i achieve this?

I have tried with kendo drawing, but i haven't got it to work. Can someone provide me with a working example ?

Thank you.

ListView (Mobile)

answered on 22 Mar 2016

3 answers

224 views

Differiante each alternating item in a MobileListView

Hi,

Can't see "altTemplate" implemented in MobileListView. What is the proper way to give each second row a diffenrent color?

ListView (Mobile)

answered on 09 Mar 2016

4 answers

203 views

Setting focus to top of page (accessibility)

I'm making an app using Kendo and need to make it Section 508 compliant and accessible. One of the issues i'm having is that when a user navigates to a new page after clicking on a ListView item, the focus needs to change to the top title bar, but that's not working when I use ListView. I tell the focus to change in the data-after-show method of each page. It works if I go to the page via a KendoMobileButton or Kendo Tab bar button, but not for a ListView item. Here is my data-after-show method:

function setFocusToTop() {

//first, since header is dynamically generated,we need to find the current page title element.

var id = app.view().wrapper[0].attributes['id'].value;

var newId = id + "-hTitle";

//give it an ID so we're 100% sure we're only finding the right one...not necessary, but worth the attempt.

$('#' + id + ' .viewTitleStyle:visible').attr('id', newId);

//give it a tabindex since it's not an input control. this lets us focus it

$('#' + newId).attr('tabindex', '-1');

$('#' + newId).focus();

}

And here are my templates for my listview:

<script type="text/x-kendo-template" id="customListViewNoDescriptionTemplate">

<div class="km-listview-link noDesc" role="button">

<div class="graphic-container"><img class="item-photo" src="${image}" aria-hidden="true" /></div>

<h3 class="item-title">${name}</h3>

</div>

</script>

And here is how I create/bind the listview with that template:

$("#myHome-listview").kendoMobileListView({

dataSource: myDataSource,

template: $("#customListViewNoDescriptionTemplate").html(),

click: listViewLinkClick

});

I'm testing using Cordova on an iPhone using iOS9+ with VoiceOver turned on. Does anyone have any advice as to how to modify my ListView binding or template so that the focus event will work?

ListView (Mobile)

answered on 11 Jan 2016

7 answers

130 views

List View scroll speed

Hi,

When trying google's list view (https://material.angularjs.org/latest/demo/virtualRepeat) it feels very smooth and responsive.

It feels like the scroll speed is determined by the swipe speed. (when swiping fast the scroll moves very fast).

Is there any way to control the scroll speed when user scroll down (or up) by swiping,

Currently when there are lots of items it takes a lot of time to scroll to the bottom of the list (as opposed to googles list)

Thx

Sagi

ListView (Mobile)

answered on 04 Jan 2016

1 answer

86 views

Go button on virtual keyboard

Is there a way to customize the behavior of the MobileListView so that the blue Go button replaces the Enter button on the virtual keyboard when using the search (filter) textbox?

ListView (Mobile)