Questions on Kendo UI for jQuery Forum

0 answers

99 views

add image to title of "PanelBar

Using HTML directives, how can I add images to the title of "PanelBar"?
Thanks,
Mike

PanelBar

asked on 27 Mar 2012

1 answer

237 views

Icons Not Showing

Hi,

Ive come across an issue where some of the icons aren't rendering correctly. Occurs on Safari + Chrome on OS X.

Any Ideas?

Thanks,
-Alex

Editor

answered on 27 Mar 2012

1 answer

204 views

plotBands doesn't work

Hi,
I'm try to use plotBand in categoryAxis or valueAxis bud it's doesn't work. this's my code

i'm copied code from here: PlotBands

<!doctype html>

<html>

<head>

<title>Basic usage</title>

<link href="../../shared/styles/examples.css" rel="stylesheet"/>

<link href="../../shared/styles/examples-offline.css" rel="stylesheet"/>

<link href="../../../source/styles/kendo.common.css" rel="stylesheet"/>

<link href="../../../source/styles/kendo.default.css" rel="stylesheet"/>

<script src="../../../source/js/jquery.min.js"></script>

<script src="../../../source/js/kendo.core.js"></script>

<script src="../../../source/js/kendo.data.js"></script>

<script src="../../../source/js/kendo.chart.js"></script>

</head>

<body>

<a href="../index.html">Back</a>

<div class="description">Basic usage</div>

<div id="example" class="k-content">

<div class="chart-wrapper">

<div id="chart");"></div>

</div>

<script>

function createChart() {

$("#chart").kendoChart({

theme: $(document).data("kendoSkin") || "default",

title: {

text: "Internet Users"

},

legend: {

position: "bottom"

},

chartArea: {

background: ""

},

seriesDefaults: {

type: "line"

},

series: [{

name: "World",

data: [15.7, 16.7, 20, 23.5, 26.6]

}, {

name: "United States",

data: [67.96, 68.93, 75, 74, 78]

}],

valueAxis: {

labels: {

format: "{0}%"

}

},

categoryAxis: {

categories: [2005, 2006, 2007, 2008, 2009],

plotBands: [{

from: 2006,

to: 2007,

color: "#000",

opacity: 0.2

}]

},

tooltip: {

visible: true,

format: "{0}%"

}

});

}

$(document).ready(function() {

setTimeout(function() {

createChart();

// Initialize the chart with a delay to make sure

// the initial animation is visible

}, 400);

$(document).bind("kendo:skinChange", function(e) {

createChart();

});

</script>

</div>

</body>

</html>

Charts

answered on 27 Mar 2012

1 answer

169 views

Swipe Events

I'm trying to use a scrollview and if you click the photo it gets bigger. Then being about to swipe the larger photo.

What events are fired when you swipe to the next photo?

ScrollView (Mobile)

answered on 27 Mar 2012

3 answers

153 views

Chart From Data Source Split on Row Value

Not sure that title helps.

I have a data source bound through XML as follows:

Location SystemDate Royalty_Sales
3215 01/08/2012 13861.89
3215 01/15/2012 15010.04
3215 01/22/2012 14586.38
3215 01/29/2012 13351.30
3215 02/05/2012 14318.34
3215 02/12/2012 13441.15
3215 02/19/2012 14054.23
3215 02/26/2012 13840.39
3215 03/04/2012 14595.25
3215 03/07/2012 4263.92
3716 01/08/2012 12505.80
3716 01/15/2012 13606.78
3716 01/22/2012 15510.30
3716 01/29/2012 11691.26
3716 02/05/2012 13553.44
3716 02/12/2012 10665.05
3716 02/19/2012 11820.55
3716 02/26/2012 12188.08
3716 03/04/2012 11921.50
3716 03/07/2012 3159.58

I'm looking to create two chart series based upon the columns "Location" and "SystemDate"

I have the chart series defined as:
series: [
{
field: "Royalty_Sales",
name: "Royalty Sales",
type: "line"
}
]

Which naturally charts 20 data points on a single series. But I want two series "grouped" upon the values in Location AND SystemDate. I'm sure I'm missing something stupid. I COULD export the data with four columns creating RoyaltySales3215 and RoyaltySales3716 - but that's not that easy and there may be up to 10 or more such Location numbers.

Wasn't sure whether to place this here or in the Dataviz section.

TIA - Shawn

Data Source

answered on 27 Mar 2012

2 answers

128 views

Filter operators globalization

Hello,

as far as I see there is no globalization yet for filters in Grid control.

How can I fix this issue?

Thanx a lot.

Matteo

Grid

answered on 27 Mar 2012

3 answers

370 views

Multi-column menu

Will there be any in-built functionality to support multi-column lists in a menu (ordered correctly)?
How would I go about it? Has anybody else done this to a menu control?

Menu

answered on 27 Mar 2012

8 answers

953 views

Raw Data with Kendo Upload

Maybe I am doing something wrong or I am missing something, but do I have to provide a save URL or can I just get the bytearray of the file when it is done uploading?

I do not see an event/property/method that will give me access to the data that has been uploaded.

Upload

answered on 27 Mar 2012

1 answer

231 views

Kendo mobile performance tips

Hi all,
I'm building a Phone gap application running on iPad 3 using Kendo Mobile.
I currently have around 8 views on 1 html. 2 of the views have Kendo DataViz.
Transition across views are set to use slide.
Kendo Mobile controls are defined using data-* markups (instead of programmatically from javascript).
Helper classes, etc. are defined as javascript classes using closures.
There are minimal logic in javascript other than calling webservices with jquery and updating the UI with jquery selector (not MVVM).

As you see above, the app is very simple & small in nature. Yet, I'm having performance issues:

activating Kendo Mobile button requires longer tap. quick tap will trigger button "on down" animation however do not trigger the view redirection (redirection is done using href, not application.navigate)
sliding between view is notably sluggish. for 30-50ms I can see the background of the view rendering on the background. so for that moment, there's a white vertical stripe panning across left to right

Do you see any obvious flaw in the approach above that may cause performance issues?

does splitting views across html help performance?
should I be relying on other view transitions that inherintly lighter?
should I define the Kendo controls programmatically rather using data-*? is there a penalty for having to rely on Kendo scanning the whole dom for data-* attributes?
is there specific best practices for managing memory in javascript in relation to Kendo?

Thanks

General Discussions

answered on 27 Mar 2012

0 answers

71 views

Tab Order Feature for Kendo Controls - Section 508 Compliance

Hi,

As per Section 508, a user should be able to navigate through the screen/controls using Keyboard. To achieve this in Asp.Net we have a property exposed to each control namely "Tab Order" which actually signifies the control focus sequence when using the Tab key from the key board.

Is there a provision to have a Tab Order Feature enabled for all the Kendo Controls?

Thanks & Regards,
Manoj Kapoor

General Discussions

asked on 27 Mar 2012