Questions on Kendo UI for jQuery Forum

10 answers

423 views

Rendering of the DateTime Picker with Twitter Bootstrap

Hi all,

We're evaluating the KendoUI component library for an upcoming project. The plan is to use lots of those new fangled HTML5/CSS3 libraries like bootstrap, backbone.js, require.js etc in the project. Kendo is one of the component suite's we're looking at based on our UX team's opinion. One issue we've run into is that the DateTime picker renders incorrectly when we use the bootstrap CSS on the page. For example, instead of getting the thick background only on the thin line of bootstrap shows. Are there any CSS fixes we can use to make them work together?

DatePicker

answered on 21 Mar 2013

6 answers

4.0K+ views

How do I make a cell required when working with the inline editor?

Sorry for the stupid question...The demos don't have any code...Working with MVC3 razor. Thanks.

Grid

answered on 21 Mar 2013

1 answer

289 views

Pre-loader to call Ajax call for inline editing

I need to change some records of a row through inline editing. The scenario is, after edit button / class is trigger, the request will call an action of a controller where we need a callback from server to check validation and wait…… until server responded. To do that, we need to know the answers:

01) How can we add / set (ajax) pre-loaded until we get response from server?
02) How can we add a custom event for a row which is edited (after edit button is clicked).
03) How can trigger an event when a row is edited?

Please help us by giving an example for our better understanding.

Grid

answered on 21 Mar 2013

2 answers

50 views

[Solved] Group on Column Doesn't Work on Windows 8 in Chrome and Firefox

Hi there,

I am having trouble with adding (via drag and drop) multiple group columns using Firefox and Chrome in Windows 8.

I can only group 1 column. Subsequent columns won't drop in into the "Drag a column header and drop it here to group by that column" area.

I have tested this on IE10 and this seems work ok.

Chrome javascript console reports:
Uncaught TypeError:
Cannot read property '0' of undefined kendo.all.min.js:9
touchLocationkendo.all.min.js:9
i.extend._dragkendo.all.min.js:13
proxyjquery-1.8.3.js:775
Class.extend.triggerkendo.all.min.js:9
h.extend._triggerkendo.all.min.js:12
h.extend._dragkendo.all.min.js:12
proxyjquery-1.8.3.js:775
Class.extend.triggerkendo.all.min.js:9
c.extend.notifykendo.all.min.js:12
d.extend._triggerkendo.all.min.js:12
d.extend.movekendo.all.min.js:12
c.extend._eachTouchkendo.all.min.js:12
c.extend._movekendo.all.min.js:12
i.(anonymous function)kendo.all.min.js:10
jQuery.event.dispatchjquery-1.8.3.js:3058elemData.handle.eventHandle

Firefox Javascript console reports:
TypeError: n is undefined
http://localhost:57389/Scripts/kendo.all.min.js
Line 9

Grid

answered on 20 Mar 2013

10 answers

654 views

[Solved] Kendo Grid Not Showing Row Values

Hi there,
Today I was working through adding a Kendo Grid to my project when I noticed that the Kendo Grid is not showing the row values. First I thought I was something messed up on my side but then I noticed the same behavior on the Kendo Dojo site.
I am using Firefox 18.0.1. However I have tested this in IE 10 and Chrome and I am not seeing the same problem.

Grid

answered on 20 Mar 2013

2 answers

54 views

[Solved] Grouping on Column Doesn't Work on Windows 8 in Chrome and Firefox

I apologize for double posting this. But the first link for some reason isn't accessible now.
For reference for the Telerik Admins the first link is here:
http://www.kendoui.com/forums/ui/grid/group-on-column-doesn%27t-work-on-windows-8-in-chrome-and-firefox.aspx

I am having trouble with grouping multiple columns in Windows 8 with Firefox and Chrome. IE10 does not exhibit this behavior.

I have two examples for review.
http://screencast.com/t/KLesmvZn
http://screencast.com/t/nMMBHcnk

Nikolah replied in the original thread with:
"
Hello Craig,

We are unable to reproduce
the problem. Here is a screen cast captured in Chrome for Windows 8 against
demos.

Regards,
Nikolay Rusev
the Telerik team
"

Grid

answered on 20 Mar 2013

6 answers

2.0K+ views

[Solved] Changing list style at runtime

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

114 views

[Solved] 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

177 views

[Solved] 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

330 views

[Solved] 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