Questions on Kendo UI for jQuery Forum

2 answers

221 views

Inverted order of values in datetime based category chart

Hi,

I'm experiencing a problem with Kendo UI Chart using datetime based category axis. The chart inverts the order of the values given by the datasource.

Maybe it's an issue with UTC timestamps? To reproduce the problem please have a look to the following plunker: http://plnkr.co/v7LUFkESnYVGSzKijGuU

Thanks,
Holger

Charts

answered on 12 Mar 2014

3 answers

150 views

Error in group method with MobileListView

Hello everyone's, I'm getting an JS error when I want implement an group function into the MobileListView, I'm not sure what I need do to fix it, and it is only showing with the group method, this error happen in IE and Chorme and Firefox
This the error:

Unhandled exception at line 11, column 1845 in http://localhost:65186/Scripts/Kendo/kendo.mobile.min.js
Uncaught TypeError: Cannot read property 'length' of undefined

This is my Mobile List View

@(Html.Kendo().MobileListView<IDigitales.RadBook.Web.Models.StudyViewModel>()

.Name("listview")

.TemplateId("tmp")

.HeaderTemplateId("htmp")

.FixedHeaders(true)

.Style("inset")

.DataSource(datasource =>

datasource

.Read(read => read.Action("Studies","Home").Data("searchparameter"))

.PageSize(10)

.Group(g=>g.Add(m=>m.PatientName))

)

and these are my templates:

<script type="text/x-kendo-template" id="tmp">

<div data-role="content" style="width:100%;">

<table style="width:100%; border-width:2px;">

<tr style="border-width:thin;">

<td style="width:33%">

#: PatientName #

</td>

<td style="width:33%">

#: Modality #

</td>

<td style="width:33%">

#: StudyDate #

</td>

<td>

<div style="background-color:WhiteBlue;">

Status Report

</div

</td>

<td style="right:0px; width:33%">

<div style="position:relative; right:0px;">

<a data-role="button" class="view" data-click="onClick" id="#=StudyId#">View</a>

</div>

</td>

</tr>

<tr>

<td>

#: Description #

</td>

</tr>

<table>

<div>

</script>

<script type="text/x-kendo-template" id="htmp">

#: PatientName #

</script>

ListView (Mobile)

answered on 12 Mar 2014

2 answers

72 views

Change rooms dinamically

Hi!

I'm using the Scheduler, and from a multiselector I want to select the rooms I want to show.

From start, I'm filling the rooms like this:

resources: [
{
field: "roomId",
name: "Rooms",
dataSource: jQuery.parseJSON(response).Rooms,
title: "Room"
}
]

So, inside the change event of the multiselector I want to trigger a change inside the Scheduler to hide or show the rooms selected. How can I do that?

Thanks in advance.
Daniel

Scheduler

answered on 12 Mar 2014

1 answer

196 views

Resize event

In my application I need to place IFrame under the tree view and I need to know what is the size when it expands/collapsed
$("#groupPagesTreeView").resize(function() {
pubsub.emit("panelResized", $("#groupPagesTreeView"));
});

how ever i am not getting the event and when
$scope.treeview = $("#groupPagesTreeView").data("kendoTreeView");
$scope.treeview.bind('expand', onExpand);
$scope.treeview.bind('collapse', onExpand);

the events are called before the end of the resizing

is there a solution?

TreeView

answered on 12 Mar 2014

1 answer

114 views

[Solved] Paragraph Style Picker Transparent

On IE8 (at least for me) the paragraph style picker appears with a transparent background, so the editor content mixes with the style options. Is this intended? Is there a fix for IE8? Sorry if this is a repeat, but I couldn't find a similar issue.

Editor

answered on 12 Mar 2014

1 answer

696 views

Autocomplete k-animation-container width and postioning

Hello

I have a issue adding custom styled auto-complete to row in a grid for filtering. The auto-complete k-animation-container has wrong width is positioned far off from autocomplete anchor (span.k-autocomplete ).

My customization simply changes width of the autocomplete and add a min-width to list items. Any ideas why the k-animation-container has wrong width is position is off ?

AutoComplete

answered on 12 Mar 2014

1 answer

200 views

Not working with Layout page in MVC

Hello,

My chart is working perfectly well if I don't include a Layout page (ASP.NET MVC). However, once I add our main layout page to the mix, the chart no longer renders. In Firebug it's saying "ReferenceError: jQuery is not defined". I have included jQuery and the Kendo libraries in both the layout page, as well as the View... to no avail. Has anyone seen this before?

Thanks!

General Discussions

answered on 12 Mar 2014

1 answer

124 views

Mobile-friendly x-Axis Labels

I’ve created the DataViz control and I’ve gotten it pretty much the way I want it. However, I am unable (don't know how) to use jQuery/JS to change the Labels on
the X-Axis. I am currently displaying hours 1-24. I’m using Bootstrap to make your chart(s) more mobile-friendly (if you have a sample of that, other than the one online, it’d be greatly appreciated!). So when I use Bootstrap [or don’t] and look at it on a mobile emulator, it’s cramming all 24 labels into a tiny little 300pixel spot, and obviously they all overlap. This is a line chart and I'm using ASP.NET MVC4. Is there any means to do this, preferably in jQuery or JS?

Thanks!

Charts

answered on 12 Mar 2014

1 answer

807 views

[Solved] Resizing Edit/Delete buttons in Grid

Hi,

I'm not sure how to resize the Edit and Delete buttons in the Kendo Grid after getting rid of the text so it only shows the icon.

I was able to do so for the "Create" button. (see image)

It worked for the create button when I simply set the Text field to nothing, and re-adjusted the padding like this

$('.k-button').css('padding-right', '2px');

But it didn't work for the other two buttons.

Grid

answered on 12 Mar 2014

4 answers

1.4K+ views

[Solved] Prevent selecting files with same filename

Hello,

I have an async fileupload in use. What I need is, that a file with the same name can only be selected once.

e.g.:
User selects: a.pdf, b.pdf, c.pdf
> All 3 files are shown in the file list

User selects: c.pdf, d.pdf
> Only d.pdf should be added to the file list, because c.pdf has already been added.

User uploads files
> a.pdf, b.pdf, c.pdf, d.pdf get uploaded...

I don't care if its exactly the same file - just a comparison to the filename is enough. What I tried is to manipulate the select-event:

OnSelect: function (e)

{

var selectedFiles = $(".k-upload-files li #fileName");

e.files = $.grep(e.files, function (value)

{

for (var i = 0; i < selectedFiles.length; i++)

{

if (selectedFiles[i].innerHTML == value.name)

return false;

}

return true;

});

}

Well, that doesn't work so far. The list of files gets minimized correctly but the files are still added to the FileList. Hope someone can help me.

Thank you!

Upload

answered on 12 Mar 2014