Questions on Kendo UI for jQuery Forum

5 answers

150 views

[Solved] Missing Date Picker in Android 4 (Nexus 7 Tablet)

Hi,

I'm trying to get the Date Picker in a form.
When viewing the online demo with the Nexus 7, the native Date Picker shows up.
When I am using the code, pack everything with PhoneGap I only receive a plain input. Any ideas? Code follows below.

 <form action="">
 <ul data-role="listview" data-style="inset">
  <li>
   <label>
    Estimated Date:
    <input id="estimatedDate_input" type="date" />
   </label>                            
  </li>
 </ul>
</form>

Do I need an init or something like that - everything else (not much) like views and transistions are working.

General Discussions

answered on 21 Mar 2013

9 answers

2.0K+ views

Chart doesn't refresh

Hi,

I am using dataviz-version-710 for the charts. I copied the code from the sample and tried to run it.
But some how the chart doesn't refresh.

var chart = $("#chart").data("kendoChart"),
                        series = chart.options.series,
                        type = $("input[name=seriesType]:checked").val(),
                        stack = $("#stack").prop("checked");

                    for (var i = 0, length = series.length; i < length; i++) {
                        series[i].stack = stack;
                        series[i].type = type;
                    };

chart.refresh();

Can thing I missed here? please suggest.

Charts

answered on 21 Mar 2013

1 answer

297 views

Cyrillic characters displaying as question marks

One of our customers is trying to create a message using Cyrillic characters but each character is displaying as a question mark. What do we need to do to support this?

Editor

answered on 21 Mar 2013

2 answers

158 views

Filtering causes rows to lose styling

I've been working with the Kendo grids for a while and have begun to figure out what I can and can't do with them however this was a behavior that surprised me. So I essentially have a grid that I am updating with a different style after a trigger occurs. If the user tries to filter the datasource of that grid, any individual row styling is lost. Is this the expected behavior?

I would really like to keep my styling but obviously I'm not sure if there's an approach that will do this. It must be that filtering reconstructs the entire grid such that any styling information is lost. Is there any way to work around this easily?

Grid

answered on 21 Mar 2013

1 answer

132 views

Splitview proportions wrong

Hi,

Since updating to the latest 2013Q1 release the splitview widget has broken. The side-pane is now taking up the larger proportions and the main pain is smaller. This works fine on browser testing, but on an actual iPad using iOS 6.1.2 it is incorrect. I have confirmed it is not my code as the same issue is present with the online demos viewed using an iPad.

I have attached a screenshot from the ipad.

Cheers

SplitView

answered on 21 Mar 2013

1 answer

131 views

Searching for multiple fields, and support for a new item not in the list?

My question is in two parts.

So, let's say I want to use the MultiSelect control as the "To:" field on an e-mail form, where you could select contacts from a list. The first question is, can you have it filter by both the label and value fields for a particular result? Say if the label is their name and the value is their email address?

Also, if the value is not in the list, is there an event I can handle that would let me add the item back to the datasource and then save it back up to the datasource when they hit a certain key? Or would I have to wire all that up manually?

Thanks!

Robert McLaws
AdvancedREI.com

MultiSelect

answered on 21 Mar 2013

10 answers

438 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.1K+ 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

296 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

55 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