Questions on Kendo UI for jQuery Forum

7 answers

792 views

I need to know which classes apply to the panelbar. The Theme builder is not clear about what CSS effect what controls

I have a menu that looks fine when I select a menu item Appointment Scheduling Summary

But when I select Cancelled the page refreshes and the menu does this:

What CSS property sets the menu background to transparent or white? I cannot find it and the Theme Builder is confusing at best.

Where is the documentation for each control in the Kendo UI Suite for the web so I can quickly find what classes effect what controls?

PanelBar

answered on 17 Jan 2013

5 answers

302 views

Menu Z-index Issue IE 8 and 9

I have a menu on my footer that is set to open above the footer when opened: $("#footer").kendoMenu({ direction: "top left" });

I can see the menu opening fine but the part of the menu that goes above the footer is not visible and all you can see is the main content of the page.

The footer is positioned absolutely. You would think this is just a simple z-index issue but I have tried adding the following styles to all parent elements of the menu (including the footer) to no avail:

z-index: 2147483647;

overflow: visible;
zoom: 1;
I should add that it works fine in IE 10 and Chrome.

Menu

answered on 17 Jan 2013

1 answer

135 views

ImageBrowser: Rename folders and files

Hi,
Is there a roadmap for rename functionallity of folders and files in the image browser?

Regards,
Mattias

Editor

answered on 17 Jan 2013

1 answer

135 views

Cannot get buttongroup using .data("kendoMobileButtonGroup")

Hi

After some hours of debugging I have now realised that it is not possible to reference controls from another view until the view has been been shown at least once. This presents a problem for me as I need to extract data from a view which may or may not have been initialised. What can I call to force the all the items in the view to be generated so that I can at least access the controls programmatically even if the user has never browsed to that view?

Many thanks
Michael

ButtonGroup

answered on 17 Jan 2013

5 answers

366 views

Endless Scroll with local SQL Lite

Hi,

I've some problems to make the endless scroll work with a local sql lite db (edit: in fact it's not sql lite, but web sql, but at the end the problem is the same ;-)).

The first 10 items are well loaded, but the "read: " function is not called when I scroll down to the last item of the view. I think I'm missing something...

I don't think I need the transport->parameterMap nor the datasource->schema, but maybe I'm wrong.

Thanks for your help!

Here is my view:

<!DOCTYPE html>

<html>

<head>

<title>Activities</title>

</head>

<body>

<div data-role="view" data-layout="default" data-init="initTask">

<h1>Tasks</h1>

<ul id="tasks"></ul>

</div>

<script>

var ds = new kendo.data.DataSource({

pageSize: 10,

serverPaging: true,

transport: {

read: function(options) {

writeLog('DataSource READ');

_db.transaction(function(tx) {

writeLog('Reading from DB');

var sql = 'SELECT name, date FROM testtable LIMIT ' + options.data.pageSize * (options.data.page - 1) + ',' + options.data.pageSize;

tx.executeSql(sql, [], function(tx, results) {

writeLog('Results found: ' + results.rows.length);

var data = [];

for (var i=0; i<results.rows.length; i++) {

data[i] = results.rows.item(i);

}

options.success(data);

});

}, transaction_error);

}

});

function initTask() {

writeLog('init');

$("#tasks").kendoMobileListView({

dataSource: ds,

template: kendo.template($("#tmpl-post").html(), {useWithBlock:true}),

endlessScroll: true,

scrollTreshold: 30 //treshold in pixels

});

}

</script>

</body>

</html>

ListView (Mobile)

answered on 17 Jan 2013

1 answer

412 views

Change combobox height using CSS

What is the proper way to change the combobox height using CSS? Note that I am talking about the combobox itself, not the dropdown popup.

ComboBox

answered on 17 Jan 2013

1 answer

68 views

Javascript erro thrown when attemping to use the application on an iPad

Hi,

I have created what I think is a relatively simple application. I have started testing on an iPad but whenever I touch the screen to either scroll or hit a button I get a javascript error:

TypeError: 'null' is not an object
url: http://<url here>/js/kendo.mobile.min.js
line #: 10

I am not sure if you can help me with that information or if I would need to try and send you more. Is it possible to get unminified versions of the js files so I can debug and see what is happening or alternatively if you can tell me this is a common problem and how to fix it :)

Thanks
Robert.

Application

answered on 17 Jan 2013

1 answer

83 views

row templates, event-listeners, and garbage collection

Knowing next to nothing about javascript garbage-collection, I ask the following:

If a row template attaches a function to a cell's click-event:

<td onclick='foo(event)'> ${population} </td>

are there any memory-management issues for the developer to be concerned about? Does binding (and rebinding) of data from repeated sorting and grouping potentially cause such listeners to accumulate in memory, or are they automatically disposed of?

Grid

answered on 17 Jan 2013

3 answers

289 views

Deselecting a date in month view of Kendo Calendar

I have a calendar control which is made to display the dates for the month but none of the dates are selected/highlighted. Whenever we click on a date, it gets selected and highlighted. Now if I want to deselect any date selected, what can I do that ? (Means I want none of the dates selected without refreshing the page.)

Calendar

answered on 17 Jan 2013

3 answers

277 views

How to perform case-insensitive sort in Tree view?

I am using the below code to sort the value of the tree, it seems like the sorting happens based on case. I am trying to figure out a way to perform case insensitive sorting, can you please help me with that?

if(sortValue == 'Ascending')
{
$("#groupTree").data("kendoTreeView").dataSource.sort({ field: "text", dir: "asc" });
} else if(sortValue == 'Descending')
{
$("#groupTree").data("kendoTreeView").dataSource.sort({ field: "text", dir: "desc" });
}
}

Thanks,
Barani

TreeView

answered on 17 Jan 2013