Questions on Kendo UI for jQuery Forum

1 answer

51 views

what widgets would you use to accomplish the following?

New to Kendo and tablet/responsive development and am really lost trying to decide what widgets to use for the following.

Id like something to work like the dropdownlist in the mobile framework forms section except it would work like this.
Click on an initiator.
Depending on window size, slide over or just open something on the screen like the dropdown does.
Load and display a grid which has the potential to be very long. Allow the user to highlight more than one row which will act as selections so vertical scrolling will be required.
Hit a back or close and you are back to the same page where the initiator is.

I've found some widgets here and there while going through all the examples but didn't write them down and now I can't find them anymore.

thanks

General Discussions

answered on 16 Dec 2013

1 answer

201 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

131 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

143 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

96 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

93 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

491 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

214 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

80 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

806 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