Questions on Kendo UI for jQuery Forum

1 answer

2.4K+ views

Bold chart label

How do I make a chart axis label (or any chart label for that matter) bold? If I apply font: "bold" to my categoryAxis: { labels: {} }, it just moves the labels around a bit and definitely doesn't make them bold (I'm using IE9). I can't use the templates because they don't seem to support HTML markup. All I really want to do is keep all the other styles the same, just apply font-weight: bold;

Thanks!

Charts

answered on 20 Aug 2012

1 answer

237 views

Hyperlink column in pop up editing grid not calling javascript function

I've a pop-up editing grid with custom pop up template. This works find for Edit/Add button clicks.

In grid I've a hyperlink column defined like below:

{field:"Count", title:"Settings", filterable: false, width: 100,

template:'<a href="\\#" onlick="editSettings();">#=Count#</a>'

But the JS method editSettings() is not invoked.

In the JS method I want to show a modal popup defined on the page. Any ideas what's wrong?
Thanks.

Grid

answered on 20 Aug 2012

1 answer

155 views

seriesDefault.gap bug

seriesDefault.gap doesn't appear to be working. I have to specify the gap on the series in order to have any effect. In my relatively simple example,

            seriesDefaults: {
                type: "bar",
                stack: true,
                labels: {
                    visible: true,
                    position: "insideBase",
                    format: "c0"
                }
            },
            series: [{
                field: "Amount",
                gap: 0.3
            }],

works, but

            seriesDefaults: {
                type: "bar",
                stack: true,
                labels: {
                    visible: true,
                    position: "insideBase",
                    format: "c0"
                },
                gap: 0.3
            },
            series: [{
                field: "Amount"
            }],

does not.

Charts

answered on 20 Aug 2012

2 answers

104 views

[Solved] Nav back button - gap at the bottom issue

I was wondering if the gap at the bottom issue has been actually patched in the revision 2.2012.2.710?
It seems that I am still getting the issue on my iPhone(ios 5.1.1). That however renders ok on my Chrome on my Windows 7.
Any one with a clue? Thanks.

By the way, I've seen the issue previously mentioned in http://www.kendoui.com/forums/mobile/general-discussions/backbutton-bottom-gap.aspx#0

NavBar

answered on 20 Aug 2012

1 answer

307 views

Cascade & json?

I have 4 cascading combos

$("#LineOfBusiness").kendoComboBox({

dataTextField: "LineOfBusiness",

dataValueField: "LineOfBusiness",

dataSource: {

type: "json",

transport: {

read: "/ajax/lobs.php"

},

serverFiltering: true,

schema: {

data: "data",

total: "total"

}

},

filter: "contains",

suggest: true,

index: 3

});

$("#ProjectName").kendoComboBox({

cascadeFrom: "LineOfBusiness",

autoBind: false,

dataTextField: "ProjectName",

dataValueField: "ProjectName",

dataSource: {

type: "json",

transport: {

read: "/ajax/projects.php"

},

serverFiltering: true,

schema: {

data: "data",

total: "total"

}

},

filter: "contains",

suggest: true,

index: 3

}).data("kendoComboBox");

$("#HRLevel").kendoComboBox({

cascadeFrom: "ProjectName",

autoBind: false,

dataTextField: "HRLevel",

dataValueField: "HRLevel",

dataSource: {

type: "json",

transport: {

read: "/ajax/hrlevels.php"

},

serverFiltering: true,

schema: {

data: "data",

total: "total"

}

},

filter: "contains",

suggest: true,

index: 3

}).data("kendoComboBox");

$("#Manager").kendoComboBox({

cascadeFrom: "HRLevel",

autoBind: false,

dataTextField: "ManagerName",

dataValueField: "ManagerName",

dataSource: {

type: "json",

transport: {

read: "/ajax/managers.php"

},

serverFiltering: true,

schema: {

data: "data",

total: "total"

}

},

filter: "contains",

suggest: true,

index: 3

}).data("kendoComboBox");

var lob = $("#LineOfBusiness").data("kendoComboBox");

var projectname = $("#ProjectName").data("kendoComboBox");

var hrlevel = $("#HRLevel").data("kendoComboBox");

var manager = $("#Manager").data("kendoComboBox");

the first one works fine but when I select an item from it nothing happens to the second one...
I want to be able to select an item from all to send to the server to generate the data for the grid I have below.

ComboBox

answered on 20 Aug 2012

1 answer

114 views

Column Bubble Chart

Hi, I'm trying to create a bubble chart that looks like a column type. Please see attachment. Cant find anything similar on the examples page.

Thanks

Charts

answered on 20 Aug 2012

1 answer

256 views

Combo box value in Popup editor

I have a custom popup template attached to grid for edit and add. In the template I've a drop down (combo box) column. I can get it populated fine.
The problem is it always defaults to the first value. How can I get it to set to the value that was in the row being edited.

The combobox is defined like below

<input name="ProductType" data-source="myDataSource" data-text-field="productName"

data-value-field="productId" data-bind="value:ProductType" data-role="dropdownlist" />

The grid shows the "ProductType" column.

Thanks.

Grid

answered on 20 Aug 2012

1 answer

141 views

Really Drag and Drop function

Hello,

I would like to ask for help with my D&D function...

Here is a Fiddle: http://jsfiddle.net/B5kJf/5/

Function D&D is implemented but I can't fix bug when you drop object to his original target. If you do it, object will split in two.

Please help me.
-David

Drag and Drop

answered on 20 Aug 2012

2 answers

226 views

[Solved] Hiding the padding column(the last column) in Kendo Menu Horizontal

I was wondering how to hide the last column of the Kendo horizontal menu?
I think the last column is designed to expand dynamically to fill the horizontal row, but I didn't want the menu to expand to the end. Instead, I've want it to end at the end of my last menu item.(I've changed the menu's style Dispaly:inline-block to achieve this). And then there appears the last extra column at the end(right most) which is used to pad the remaining space in the horizontal line. How do I get rid of the last(extra or padding) column?

Menu

answered on 20 Aug 2012

3 answers

338 views

How to create a grid programmatically?

Say I have 4 comboboxes
Once a user selects something from all 4 I want to create a grid using a datasource based off the choices they selected...

Example video included :)

in the change event on the last combobox I am making an alert box pop up witht he values chosen in it

Can I just create the grid in that change function?

Grid

answered on 20 Aug 2012