Questions on Kendo UI for jQuery Forum

6 answers

2.0K+ views

With the now deprecated Telerik MVC controls, I was able to control styles fairly simply; however, I run into complications when trying to modify the background color of the drop-down list at runtime. I have a requirement to change the color when an error occurs. My first assumption would be something along the lines of:

$.each(result, function (index, key) {

var ele = $('[name=' + key + ']');

ele.css('background-color', '#ffc0cb')

ele.css('border-color', 'red');

ele = $('#' + key).data('kendoDropDownList');

if (ele) { ele.list.css('background-color', '#ffc0cb'); }

});

where 'result' is a list of the field names that have an error. I can confirm that I am getting the correct field names and I am infact getting the kendoDropDownList object.

What am I missing?

Many thanks,
-J

DropDownList

answered on 20 Mar 2013

6 answers

90 views

No Scrollbars with virtual scrolling in IE8 !!

In our web application we use web kendo.ui.Grid control with the feature
"scrollable virtual". The grids have a large number of columns, all
with fixed widths. In IE8 is missing the horizontal scroll bar.

It's a huge problem for us and our customer.
We need virtual scolling for performance reasons (far more than 500 rows).

Here is a simple jsFiddle which shows the problem.
Unfortunately jsfiddle has problem with ie8, but you can use the sample to reproduce the bug in your environment
http://jsfiddle.net/Chombito/w6A4E/16/

Besides:
This bug is said to be solved in Q2 2012
SP1 (version 2012.2.913). We are currently working with Q3 2012 (version
2012.3.1114) + jQuery v1.8.3 and have exactly this issue with IE8. What could
be causing this problem? We need urgent help.

Grid

answered on 20 Mar 2013

6 answers

139 views

Grid drag header (grouping) slow with jQuery 1.8.2?

When using the grouping on the grid with jQuery 1.8.2 selecting the column header to drag into the grouping panel is slow.

Once the drag operation does kick in moving the header around before dropping it on the panel is fast it just seems to chug trying to initiate the drag.

I mention the specific jQuery version 1.8.2 because at first I had v1.7.1 referenced in my project but upgraded due to another problem where it would not let me drop the column onto the grouping panel. That seems to be resolved on the new jQuery version but now dragging is very slow whereas on 1.7.1 it was instant.

I am using 2013 Q1 version of telerik and referencing jquery.min.js that was provided with Telerik install.

Is this a know issue? Is there anything I can do to resolve?

Thanks.

General Discussions

answered on 20 Mar 2013

1 answer

309 views

The expand arrow wont show up on a tree view...

This is simple... i am trying to copy a web example to a new page ... i thought i copied all the references to the project folder.. apparently the page is lacking some image references... The expand and close arrows wont show up..
All I am trying to do is to mimic the basic example provided at ..\kendoui.web.2012.3.1114.open-source\examples\web\treeview

<link href="examples-offline.css" rel="stylesheet">
<link href="kendo.common.min.css" rel="stylesheet">
<link href="kendo.default.min.css" rel="stylesheet">

<script src="jquery.min.js"></script>
<script src="kendo.web.min.js"></script>
<script src="console.js"></script>
#treeview .k-sprite {
background-image: url("coloricons-sprite.png");
}

I copied all of these references to the prj folder... I searched for all image files for the arrow ... could not find any ..

What am i missing?

TreeView

answered on 20 Mar 2013

1 answer

129 views

Chunking?

Sorry if this in the documentation somewhere, but I couldn't find it. Does this upload control support chunking a file upload into multiple pieces? I need to be able to handle large file sizes, and I've found chunking to be by far the most effective way to accomplish that.

Upload

answered on 20 Mar 2013

3 answers

395 views

Hierarchical Grids Without Lazy Loading



I would like to load hierarchical data and all examples that I have seen use a "lazy loading" approach. However, the amount of data that I'm loading isn't that big, so I'd like to load everything at once. Is it possible to load all of this data at once, with the detail data already being expanded? Do I need to use the detailInit function, or is there another way to achieve this?



In my specific example, I am loading events (top level) and each event has one of more items. (See the sample JSON below.) 



Events:

[{

EventId: 1,

Items:

[{

Vendor: "Company X",

ItemName: "Chips"

},

{

Vendor: " Company X ",

ItemName: "Salsa"

}]

},

{

EventId: 2,

Items:

[

{

Vendor: " Company X ",

ItemName: "Chips"

},

{

Vendor: " Company X",

ItemName: "Salsa"

}]

}}

Grid

answered on 20 Mar 2013

1 answer

88 views

hidden side menu like in jquery mobile?

One navigation trend in 2013 seems to be a hidden side menu like in jqm (http://view.jquerymobile.com/1.3.0/docs/widgets/panels/).

Are there any plans for kendo mobile to implement this?

General Discussions

answered on 20 Mar 2013

2 answers

81 views

Thread cannot be opened

My previous post in this forum...

Describe a Method's Input Parameters and Output Type exactly

...cannot be opened. Maybe the title contains a character (single quote) that brings problems when used in a link. Please correct the link and delete this thread. Thank you.

Michael G. Schneider

General Discussions

answered on 20 Mar 2013

3 answers

113 views

Show google map in single template from Address list

Hi!

Can anyone help me? I have a list of addresses where I am displaying them in a single template and supposed to be showing them respectively in google map. The problem is that, it only renders the map of the first viewed address. Succeeding addresses will not.

Here is a jsbin for the issue
http://jsbin.com/asigeq/5/edit

Thanks,
James

General Discussions

answered on 20 Mar 2013

11 answers

121 views

Internal Link from Database

Hi!

I have a link that Kendo Mobile can't render. I wonder how can I activate an internal link that is saved in my database which is generated by data-show?

Here in an example code:

<div data-role="view" id="page-skade" data-title="" data-show="pageShow" data-model="pageViewModel">

<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>
</div>
</header>

<h1 data-bind="text: title"></h1>
<p data-bind="html: content"></p> 

</div>

Best regards,
James

General Discussions

answered on 20 Mar 2013