Questions on Kendo UI for jQuery Forum

8 answers

890 views

Multiple windows with charts on one page

Hi KendoUI Team

I really do love the KendoUI framework but I have some problems with it. Why isn't it possible to load 2 different windows with 2 different charts? If I generate a second window and put my KendoUI chart in it'll just load one of the tow charts so I have to click on the refresh button at the top of the window to make it work and display both charts.

Any help?

Thanks,

Jonas

Window

answered on 22 Jan 2015

3 answers

184 views

Theme-Roller - does not include all styles

Hi,

I'm finding the Theme-roller impractical and buggy in use.

All I want to do is use the metro theme but replace the green colours with some custom blue ones.

Worryingly, I noticed that even though I changed all instances of the green to my blue in the Theme-Roller, the resulting style-sheet still contains instances of the green (#8ebc00) e.g:

.k-state-focused,
.k-grouping-row .k-state-focused {
border-color: #8ebc00;
}

.k-calendar .k-nav-fast.k-state-hover {
text-decoration: none;
background-color: #8ebc00;
color: #ffffff;
}

Also, the process of editing the generated CSS file to change all the image references from the CDN back to local is too time-consuming and prone to error.
It's unrealistic to expect someone to do that each time they generate a theme.
It would also be better if the generator also produced a minimised version of the css as minimising adds yet another step to the process.

The thought of having to repeat this process every time a new update comes out is too daunting to consider as a realistic option.

Have you any tips? Or will the theme-roller be fixed / updated?

The only practical way to do what I want at the moment is to perform a find and replace on all the green colours in kendo.metro.min.css

General Discussions

answered on 22 Jan 2015

1 answer

243 views

TreeView checkboxes; checkChildren

Hey i've a Problem with KendoTreeview. I build a TreeView with a json Datasource
[
{"id":1,"text":"foo","expanded":true,"items":
[
{"id":2,"text":"foo2","expanded":false,"checked":false},
{"id":3,"text":"foo2-1","expanded":false,"items":
[
{"id":4,"text":"foo3","expanded":false,"checked":false}
]
,"checked":false}
],"checked":true
}
]
JS Code:
$(document).ready(function() {
var dataSource = new kendo.data.HierarchicalDataSource({
transport: {
read: {
url: servlet,
datatype: "json",
contentType: "application/json"
}

},
schema: {
model: {
children: "items",
id: "id"
},
data: function(data) {
var dataArray = eval(data);
return dataArray;
}
}
});

var treeView = $("#treeView").kendoTreeView({

dataSource: dataSource,
dataTextField: "text",
checkboxes: {
checkChildren: true
}
});
It works well but if i use checkChildren: true the pre check is not working. if i use only checkboxes: true without checkchildren pre check works but not check all childs. What is wrong ?

TreeView

answered on 22 Jan 2015

1 answer

165 views

Save Event Listener not reading field changed from edit popup

Hi

I am trying to test the save function for an edit to catch the value entered and field id.

However this does not seem to work with the edit popup where I listen to "e.values.name".

Simply changing the edit to "mode: popup" from inline breaks the save function.

http://dojo.telerik.com/OLoQO

Help appreciated

Grid

answered on 22 Jan 2015

3 answers

234 views

[Solved] line chart missing category labels multiple series

Hi,

In the attached chart I have multiple dynamic line series on the chart which last for varying periods of time however the category axis seems to be generating it's values from the very first data point, so if the first one only lasts for one month then that's all the category axis will represent even though the other lines last for longer. Is there a way to get the category axis to generate its labels dependent on the longest line rather than the first?

Thanks.

Charts

answered on 21 Jan 2015

1 answer

143 views

Identify non-sortable columns

We have several grids that have some non-sortable columns and we would like to identify which columns are sortable with some type of visual indicator.

Is there an accepted way to do this. I was thinking of maybe using a sort icon for the sortable columns, is this supported out of the box or do I need to figure out something clever with jquery?

Grid

answered on 21 Jan 2015

1 answer

9.5K+ views

kendo grid hide column dynamically

I tried to hideColumn(k) in databound event when the whole column has null values. But because my first row of header is colspan of 6 columns, so it did not hide properly. I could only hide the first column or the second column (contains all the columns). I tried grid.columns[1].hideColumn(3) but failed as hideColumn is related to grid.
How can I achieve that?

columns: [
{ field: "facname", title: "Facility", attributes: { style: "text-align:left" }, width: "200px" },
{
title: "",
columns: [
{ field: "envelopes[0]", title: "Food", attributes: { style: "text-align:right" }, width: "90px", template: "#= envelopes[0] == null ? '-' : kendo.toString(envelopes[0], 'c0') #" },

Thanks.

Grid

answered on 21 Jan 2015

1 answer

193 views

Ipad issue: cascading dropdown is blank

Hello,

Infos:

I'm working with kendo 2014.1.318 in an asp.net MVC application : I use the wrappers.

I have an issue with the cascading dropdown on Ipad (IOS 8.1 safari)
The issue is not reproducible on windows browsers, I tried ie9, chrome, firefox and safari for windows : no problem

So, here is the problem:

I have a first dropdown containing a list of brands.
I have a second dropdown with a list of models

First I select a brand
My dropdown "models" is populated => ok

Then I select a brand with a few models

My dropdown "models" is populated but the popup is not painted: it's all white (see attached screenshot)

But if I touch the popup a few time: the items appears

If I select a brand with a lot of models : no problem

So I think this issue only appears when the number of items in the "models" dropdown is not big enough to activate the scroll in the popup

Has anyone experienced this issue?

Do you have any ideas how to resolve this ?

DropDownList

answered on 21 Jan 2015

6 answers

316 views

[Solved] Combine Category+SubCategory in Bar Graph CategoryAxis text

I've got a bar graph that is bound to the result of a query.
The query may be grouped by Category, or Category + SubCategory

The data is displayed visually correctly, however, I'm only able to display either the category OR the subcategory across the category axis.
How can I A. display both, and B. wrap the text so that it will fit?

General Discussions

answered on 21 Jan 2015

2 answers

142 views

MaskedEditBox Missing Last 0

http://dojo.telerik.com/EXODI

creating a mask as described below, the last character should be the number zero.
$("#maskedtextbox").kendoMaskedTextBox({
mask: "\\1\\0A\\ 00\\ 00\\ 000\\ 00\\ L0\\ \\00",
value: "100 14 36 085 17 W6 00"
});

when the mask renders it renders as 100 14 36 085 17 W6 0_
it loses the last character. If the last character is not a zero then it seems to work fine but must be some wierd logic in there where it's causing the last number to be lost.

MaskedTextBox

answered on 21 Jan 2015