Questions on Kendo UI for jQuery Forum

1 answer

195 views

Removing fields and setting up Read-Only status.

Hello My dear friends ,

I am having problem in organizing the Scheduler's elements. My requirements is

Read only Status :
=================
* Title Fields
* Description Fields

Remove Elements :
=================
* All Day Events
* Repeat

For your better understanding, please download the file attached herewith.

Any help and code sample would be highly appreciated.

Scheduler

answered on 16 Dec 2013

1 answer

129 views

Small bug in grid's map file

This isn't a big deal, but thought I would bring it to attention.

When creating a grid using MVVM and if you forget to set the data-selectable="multiple,rows" or even data-selectable="true" on a grid, you can get the wrong error message in Chrome's Console when you try to select all rows using javascript. Instead of telling you that the error occurred in kendo.grid.js on line 2057 because the property "objects" doesn't exist, it tells you that the error occurred in kendo.treeview.js on line 964 (or 966).

The code to reproduce is here, but I can only get the map file details when using Chrome. Click on the button that runs "Select All" and it won't select in the jsFiddle example, but if you were to run it in Chrome, it spits out a TypeError with the (wrong) information about file and line number.
http://jsfiddle.net/joelpenner/cCaz3/

Again, not that big of a deal, but still something to know about.

Grid

answered on 16 Dec 2013

3 answers

139 views

Tabstrip menu and external pages

Hello,

I'm looking for a way to load an external url into a view in such a way that the tabstrip menu stays visible.
Tried all sorts of things, iframes, url load methods etc all to no avail.
Is there a way to use the inappbrowser in conjunction with a tabstrip menu?
Any hint to get a browser working with a tabstrip is highly appreciated...

Thanks, Hans.

General Discussions

answered on 16 Dec 2013

5 answers

95 views

Kendo UI + MVVM best practics

Hello,
I have simple scenario
kendo grd with data from MVVM (kendo observable array iser list) and 2 kendo windows - in 1 I'm editing details, second editing another data. Both related to grid UserId. When I click on edit in grid row user edit window is displaying. Similar to another window for displaying user orders.
Could you please advise me how should I organise it.
So far i'm doing it on 1 view. 3 kendo view models, each related to diferent DOM object (divGrid, divEditDetais, divDisplayOrders).
Then I could refresh grid when I have finished editing user details.
but if I want edit edit more details for grid - lets say 5 diferent things in 5 diferent kendo window - it is dificoult to manage in 1 java script file and 1 view.
How I should to do? can I use partial view? But how refersh mvvm on main view without reload?
Please advise.
Regards
Leszek

General Discussions

answered on 15 Dec 2013

6 answers

92 views

Recent Updates to Icenium

I am working on an application that was being built against Cordova 3.0 and Kendo UI Mobile v2013.3.1119. When running on an Android device, using a datasource pointed at a remote JSON endpoint (using a custom transport) works without issue.

However, as soon as I attempt to build the app against Cordova 3.2 the datasource no longer works and throws error. I thought that maybe this had something to do with using a version of Kendo UI Mobile that was newer than what is provided by Icenium, but even after switching to that the version the error persisted.

Switching back to Cordova 3.0 corrects the issue. Is there some way for me to determine what the actual error as the only error message returned by jQuery.ajax is "error"? Have permissions requirements changed in Cordova 3.2 for internet requests? I currently have the following permissions selected for Android:

ReadPhoneState
Internet
AccessNetworkState

Thanks

General Discussions

answered on 15 Dec 2013

1 answer

476 views

How to set categoryAxis Width?

I'm currently loading 4 bar charts on the page, but they don't line up perfectly due to categoryAxis (Y Axis) labels are different length. How do I control the categoryAxis width so the charts will all line up? I've attached a screenshot to show what I mean.

Aaron

Charts

answered on 14 Dec 2013

2 answers

207 views

Paging not working

First, I am using ASP.Net MVC 4 and the following code to bind to an IEnumerable list...

<div style="text-align:right">
@(Html.Kendo().ListView<mattcuda.com.Kendo.Models.MattCudaImage>(Model)
.Name("listView")
.TagName("div")
.ClientTemplateId("template")
.Navigatable()
.DataSource(dataSource => {
dataSource.Read(read => read.Action("Images_Read", "ListView"));
dataSource.PageSize(5);
})
.Selectable(selectable => selectable.Mode(ListViewSelectionMode.Multiple))
.Events(events => events.Change("onChange").DataBound("onDataBound"))

.Pageable()
)
</div>

When I do this, the listview binds perfectly and it limits the paging to 5 as it should but it won't page to the next set of records. What code am I missing to make this happen. Does it not happen automatically since it is using binding?

Thanks,

Matt

ListView

answered on 14 Dec 2013

3 answers

79 views

Pasting <ul> and <table> content gets malformed

Hi,

I am not sure if this is related to the previous pasting problems that were reported, but when I paste perfectly legit html that contains a table or ul it malforms the html.

Example: .html file:

<html>

<body>

<p>PAGE HEADER</p>

<ul>

<li>A</li>

<li>B</li>

<li>C</li>

<li>D</li>

<li>E</li>

<li>F</li>

</ul>

<table>

<tbody>

<tr>

<td>R1C1</td>

<td>R1C2</td>

<td>R1C3</td>

</tr>

<tr>

<td>R1C1</td>

<td>R2C2</td>

<td>R3C3</td>

</tr>

<tr>

<td>R3C1</td>

<td>R3C2</td>

<td>R3C3</td>

</tr>

</tbody>

</body>

</html>

In the pasted event, e.html reports this:

<p style="color: rgb(0, 0, 0); font-family: 'Times New Roman'; font-size: medium; line-height: normal;">PAGE HEADER</p><ul style="color: rgb(0, 0, 0); font-family: 'Times New Roman'; font-size: medium; line-height: normal;"><li>A</ul></li><li>B</li><li>C</li><li>D</li><li>E</li><li>F</li><table style="font-family: 'Times New Roman';"><tbody><tr><td>R1C1</table></tbody></tr></td><td>R1C2</td><td>R1C3</td><tr><td>R1C1</tr></td><td>R2C2</td><td>R3C3</td><tr><td>R3C1</tr></td><td>R3C2</td><td>R3C3</td>

I am using the latest internal build, 2013.3.1127 and Chrome if that matters.

Thank you,
David A.

Editor

answered on 14 Dec 2013

8 answers

782 views

DropDownList in Mobile styled like desktop

I can't figure out where I'm going wrong with this one. I even copied and pasted the demo from:
http://demos.kendoui.com/mobile/forms/index.html
and put it into my view.

Any time I use a kendo DropDownList in my mobile app, it works and all, but it's styled like a regular desktop dropdownlist. I need a mobile-styled dropdownlist, like in the demo. ... I need it to cover the bottom half of the screen, big buttons like mobile, attached to the screen itself rather than in a dropdown below the form element.

I'm using Q3 2013, and I assume it's stylesheet related rather than JS? When I initialize my app, I force "platform: 'ios'", not sure if that's related somehow?

These are my included stylesheets, in this order:

<link href="kendo/styles/kendo.common.min.css" rel="stylesheet">

<link href="kendo/styles/kendo.flat.min.css" rel="stylesheet">

<link href="kendo/styles/kendo.mobile.common.min.css" rel="stylesheet">

<link href="kendo/styles/kendo.mobile.ios.min.css" rel="stylesheet"

General Discussions

answered on 14 Dec 2013

1 answer

123 views

Grid Not work properly with key & editors

Hi,

I am new to kendo UI Web.

My requirement are as follows with kendo grid:

Grid Should be editable with tab key means user in a cell and edit some thing then press the tab key so next cell is selected
in edit mode and user can change the value. : According to the kendo documentation this will work if I set navigation property = true, but it's not working in my case . when I edit and hit the tab it's always move on first cell.
I have two or more combo-box column in my grid user can select the value from up and down key also auto append should work for that combo -box.(image attached)
if user on last cell of last row and hit the tab key then new row added at bottom of grid and cursor in first cell of new row so that user can enter a new record.
how to add image column and handle the click for that image cell.
Cell only accept numbers in xx,xxx.xxx format with out showing spin (numeric) control.

basic grid project (with html & required scripts files ) with some functionality which I had done attached with this thread.

Please let me know if there is any possible scenario is available for above requirements.
Thanks in advance

Grid

answered on 14 Dec 2013