Questions on Kendo UI for jQuery Forum

3 answers

271 views

Hello,

We have list of flat POJO objects, where objects are dynamic, we don’t know their list of fields/properties at design time. In Silverlight version of telerik Pivot grid we were able to populate list of fields and provide list of objects so that users can create columns, rows and measures at run time.Is this approach feasible with Kendo UI Pivot? Or do we have to define model and cube with dimensions and measures in advance? An example would be very useful.

Thank you, Sergey

PivotGrid

answered on 29 Jun 2016

4 answers

137 views

[Solved] Adding a "Milestone" in a time line series

Hi!

In my timeline, I am currently overriding the Event Template. Based on my model's data, I am trying to add an indicator of an event at a particular time.

For example

12:00 13:00

[ * ]

Are there any features of the Event Templates that will allow me to achieve this?

Thanks

Chuck

Scheduler

answered on 29 Jun 2016

1 answer

118 views

Is it possible to have stacking using JSON like data

Hi,

I'm trying to have a stacked chart using JSON like data or remote data.

using the data below I was able to get exactly the chart I wanted dojo Code here

var data = [
{"Name":1,"Year":2011,"Expense":200.00, "color":"grey"},
{"Name":1,"Year":2012,"Expense":274.91,"color":"grey"},
{"Name":5,"Year":2011,"Expense":100.00, "color":"red"},
{"Name":5,"Year":2012,"Expense":315.84, "color":"red"},
{"Name":3,"Year":2011,"Expense":325.84,"color":"orange"}
];

But when I added other rows to this data, the result is not what I was expecting. dojo code here

var data = [
{"Name":1,"Year":2011,"Expense":200.00, "color":"grey"},
{"Name":6,"Year":2010,"Expense":205.00 ,"color":"yellow"},
{"Name":1,"Year":2012,"Expense":274.91,"color":"grey"},
{"Name":5,"Year":2011,"Expense":100.00 ,"color":"red"},
{"Name":5,"Year":2012,"Expense":315.84, "color":"red"},
{"Name":3,"Year":2011,"Expense":325.84 , "color":"orange"},
{"Name":5,"Year":2013,"Expense":205.00 ,"color":"red"},

What I was expecting is the result of this dojo code

But I was able to do this using this data structure

series: [{
name: "name 3",
data: [0, 325.4 ,0],
color:"orange"
}, {
name: "name 1",
data: [0, 200, 274],
color:"grey"
}, {
name: "name 5",
data: [100, 205, 315.84 ],
color:"red"
},
{
name: "name 6",
data: [205, 0, 0 ],
color: "yellow"

}]

Is there any way to make this work using remote data (Json ) and not the last data structure that is shown in this post ?

Any help will be appreciated,

Geroj

Charts

answered on 29 Jun 2016

10 answers

4.7K+ views

[Solved] Grid.Select()

I am tying to find the values (mostly string) in a Grid (datasource was remotely populated).

The documentation for Grid.change is pretty slim, it does not say what the values of event (e) is, I am assuming, that I have to do a myGrid.select() which will return an array of rows (but the format for the row object is not in the framework). I have used Firebug to look at the object, but this seems a slow path to figure things out. (I.e. I am making a plea for better documentation, to complement the examples).

But for right now, an example of using a Grid (which has selection by multiple rows enabled) and how I find what rows have turned on and which have turned off, and how I get values out of the row (my grid is mostly text), would be very useful.

Grid

answered on 29 Jun 2016

1 answer

61 views

What's causing the filter menu container to drop all the way down.

I'm not sure why the menu container is all the way down to the browser bottom. Did I miss a CSS style sheet?

Grid

answered on 29 Jun 2016

1 answer

468 views

Mobile Friendly DropDownList on Responsive Web Application

We have a couple Responsive Web Applications (desktop first, responsive to mobile second) that use Kendo UI and either KnockOut or Angular 1.x. We do not use different URL's or serve different pages/content to mobile devices, though the styling and placement of elements is different thanks to CSS Media Queries and some Javascript we've written.

I've seen the demo for the mobile friendly DropDownList and I like the way it works for mobile devices. However, we want to ensure that this version only shows for mobile devices, and not for desktop users. Is there any way to get this kind of behavior?

1) Can we include the mobile stylesheet? Will it apply only to mobile devices?

2) Can we use Kendo UI Mobile in a desktop web app without using kendo.mobile.Application?

3) How do we get Kendo UI Mobile widgets only on mobile devices and have the same widgets show on Desktop in their normal Desktop style/behavior?

DropDownList

answered on 29 Jun 2016

4 answers

302 views

Move Editor cursor to next Range

On the Editor select event I want to move the cursor to the next range depending upon specific criteria. I've seen this link but didnt do what I wanted.

Basically I'm using the snippets functionality of Editor control to add MergeFields into the HTML. The snippet looks like this:

<span id='MergeField' style='background-color:blue'>[[Merge Field 1]]</span>

When a uses selects this MergeField i.e. places the cursor in it I detect it in the select event then I want to programatically move the cursor into the next range (or after the merge span) so that the user cant mess with the merge fields. How do I move cursor to next range or end of MergeField span?

The function is below:

function editorSelect(e) {

var editor = $("#Content").data("kendoEditor");

var selection = editor.getSelection();

var range = editor.getRange();

var startNode = range.startContainer;

if (startNode.parentElement && startNode.parentElement.id === 'MergeField') {

alert('Im a Merge Field!');

//Move cursor to after the MergeField span.

???

}

Editor

answered on 29 Jun 2016

18 answers

617 views

Chart tooltip not presented on mobile device

Hello,

We are using Kendo UI Q2 2016 and added tooltips to our grouped bar chart.
When working in Chrome on the desktop it all works well and the tooltips are shown upon mouse over correctly.
However when we run the same app on a mobile device (specifically - iPhone 6s device and iPhone 5s simulator) the tooltips are not showing in the app.
On the same devices in which we experienced the problem we also checked the tooltips of your demo in Safari and they worked well: http://demos.telerik.com/kendo-ui/bar-charts/index

In addition we found out that if we add the following seriesClick, the tooltips do show up (after the alert is presented):
seriesClick : function(e){alert("nothing");}

Following this strange behavior of alert solving the problem, we tried the following in the seriesClick function instead of the alert:
e.preventDefault() as well as e.originalEvent.preventDefault();
None helped and it looks like tooltips will only show up after alert.

Any idea how we can solve this issue with the tooltips not showing up (without alert)?

Thanks,

Ron.

Charts