Questions on Kendo UI for jQuery Forum

5 answers

93 views

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

91 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

457 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

205 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

78 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

757 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

120 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

3 answers

43 views

Why widget names and options have to be in lower case for declarative initialization?

Hello!

Today I started to work on my first Kendo widget. After many hours trying to understand why the declarative initialization wasn't working, I realized that this works:

<div id="youtube" data-role="youtube" data-templatename="template"></div>

But this doesn't (even if the name of the widget is YouTube and the name of the option in the widget definition is templateName).

<div id="youtube" data-role="YouTube" data-templateName="template"></div>

I would like to understand the reason. Probably I didn't read the documentation well enough.

Just wanted to share my experience after a whole day debugging this problem :)

General Discussions

answered on 14 Dec 2013

3 answers

963 views

Deselect ButtonGroup

I have a buttongroup inside a modal view and I'd like to reset the button group's selection each time the modal view is opened. What's the best way to do this? I can't seem to find a way to clear the selection.

ButtonGroup

answered on 14 Dec 2013

5 answers

364 views

Kendo UI chart series lables rendered incorrectly in PDF generation

I'm using the Kendo UI dataviz ASP.NET MVC framework for rendering charts, like the example given here (using the ASP.NET MVC version).The graphs and the series lables renders fine in the browser:

Browser snapshot

For generating the PDF, I use the Rotativa framework - using the wkhtmltopdf tool to convert html content to PDF.The graph renders perfectly in the PDF, however the series lables on the top is rendered incorrectly:

PDF Snapshot

As you can see, there is plenty of room for the labels to span out - but they are being rendered "randomly" on top of each other.

I have multiple graphs in the same exported PDF, and the all the labels for all the charts are incorrectly placed.Here is my rotativa action result settings:

return new ViewAsPdf("Reports/_ReportBaseIndex", FilterData)

{

PageOrientation = ExportOrientation,

CustomSwitches = "--disable-smart-shrinking --print-media-type --zoom 0.75 --javascript-delay 1000"

};

Is there any way to fix the lables? Is it possible to statically place the labels, or do I have to recalculate the label positions? If so, how do I do that?

Where can I find the code that positions the series lables ?

We are running kendo UI version 2013.2.918.

Charts

answered on 14 Dec 2013