Questions on Kendo UI for jQuery Forum

0 answers

138 views

Hi,

I have the following requirement :

The new tabs that are being added needs to be added in the same line. And when more TABS gets added basically each TAB's width will get reduced and after a certain point a combo box will come to the right. From the combo box the user can basically navigate between the TABs. Also, say after 20 TABs are added, user cannot add more TABs. Instead they receive a custom message that further tabs cannot be added.

This functionality is very similar to yahoo mail. I am attaching the screen shots for your further reference.

Any help is greatly appreciated.

Thanks,
Anirban

TabStrip

asked on 27 Mar 2012

5 answers

556 views

Please add focus events to the DropDownList

I would find it very helpful if the DropDownList triggered the focusin and focusout events on the original select element. This would help jQuery validation to work in a similar manner with the DropDownList as it does with the native select control.

DropDownList

answered on 27 Mar 2012

6 answers

186 views

Styling TDs that are set to editable.

Howdy folks.

I'm having an issue with my grid that I can't seem to figure out a remedy for. I have a grid with only one column that is editable. When the grid is created there is nothing special about these TDs that will allow me to style them. They don't have any specific classes or something to hook into.

My problem is that a user has no idea what field is editable. I'd really love a way to style the TD so that a user knows it will be editable.

Is there any way to inject a class into the TD without created a template? I guess I could create a template for that column, But that would require creating another element, like a div or span.

I'd really love to have a class on the TD itself. Something like "editable." You get the idea. Is that possible somehow?

Oh, also great webinar today. I'm really excited about the new stuff you guys are working on! Viva la progress!

Grid

answered on 27 Mar 2012

0 answers

128 views

Drag and drop to create a nested UL

Looking for a way to make a k-button a drop site so that nested UL lists can be created by a user.

See http://jsfiddle.net/RichardAD/K27fu/ for a first cut and what is desired. At present a drop only moves the dragged LI to the end of a UL.

Thanks,
Richard

Drag and Drop

asked on 27 Mar 2012

0 answers

126 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

269 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

238 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

200 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

193 views

[Solved] 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