Questions on Kendo UI for jQuery Forum

1 answer

151 views

Grid attribute “scrollable” cause strange problem in IE9

Hi，
I use kendoui.complete.2013.2.716.commercial to create a web page which shows data in the database. But when I slid down the mouse in the grid, there would appear blanks between scrollbar and pager div. At first I thought there might be some problems of my code or datasource, but when I turn to demos on your site, the problem exists! Maybe you can find where the problem is and kindly solve that.
As you can see in the attached file, if you resize the window until the x-scrollbar appears, there would be blanks between scrollbar and div 'pager'. If you modify the attribute scrollable:false the problem will not appear. This only appears on IE, not in Chrome and FF.

Grid

answered on 26 Aug 2013

3 answers

968 views

Grid column conditional editor

Hi;

I've got a grid and I want to have a custom editor in one column under certain conditions, and have no editor under other conditions. Building the editor without the conditions is trivial, but I cannot figure out how to do it conditionally.

Let me be specific: I want to have a dropdown editor in one column if the related dataItem has a value of "true" in another of its fields, and no editor if the value is "false".

I think it should be something like this:

{

field: "ID",

title: "Title",

template: "#=TITLE#",

editor: function () {

if (RELATED) {

MyEditor

} else {

}

}

In this example the column with the editor uses the MyEditor function to create the editor. This works great without the conditional code, but fails with it. Essentially if the value of the dataItem field "RELATED" is true I want the editor, and otherwise I want no editor.

Grid

answered on 26 Aug 2013

1 answer

321 views

Long label in Mobile Form overlaps input

I just noticed that when using the Kendo Mobile Forms, if the label of the form element is too long and takes up more than 50% of the row, it overlaps the input box. I had this happen on our project and didn't know if it was just us, so I manually changed a label on Kendo's demo page for Form, but it does the same thing (see screenshot). Is this broken, or are we expected to come up with some custom CSS to have the labels not overlap the inputs?

General Discussions

answered on 26 Aug 2013

1 answer

402 views

kendo grid in inline editing mode with Dropdownlist required field.

I have a kendo grid in inline editing mode. When I press "Add new item" button, new row is added. some editable fields are ForeignKey column in the grid, if i fill the text fields in the new records without filling or select the dropdownlist fields for ForeignKey columns, a null values are set for ForeignKey fields.

the question , how to enforce the user to select dropdownlist and make this field is required on "update" button click action.

i am using ASP.NET MVC 4.0 and Kendo UI for ASP.NET MVC Q2 2013.

Note: sample code for this issue if exist.

Grid

answered on 26 Aug 2013

1 answer

160 views

[Solved] Only Show Chart When It Has Data

Hi

What is the recommended approach for showing a chart - only when it has data.

By default, the chart draws without any data. This means there's a bit of a flicker when it redraws to show the data loaded from a remote source. All my chart initialization is currently in the jQuery.ready( event...

Is there any easy way to only show the chart when it has data? Ideally, this is a just a property rather than having to wire up this behaviour every time?

Thanks

Charts

answered on 26 Aug 2013

1 answer

129 views

Window Title - font too big

In my Kendo UI [popup] Window the font in the title area is being clipped. I did not change any styling and was wondering what is causing the sizing to be incorrect.

Peter

Window

answered on 26 Aug 2013

1 answer

140 views

Chart Notes cannot change icon type

Hi,

i am trying to get line chart notes style as similar as it can be to 'jqplot.png'.

1. To change shape of each note, i have added .Icon like this:

.Notes(d => d.Position(ChartNotePosition.Top)

.Line(l => l.Width(0))

.Label(m => m.Text("value"). Template("${value}").Position(ChartNoteLabelPosition.Outside))

.Icon(i => i.Border(b=> b.Width(1))

.Visible(true)

.Background("green")

.Type(ChartMarkerShape.Square))

)

But the style of the notes remained the same (as in 'pointsKendoChart.png'). Does .Icon control notes shape? Is there any other way to get the shape from 'jqplot.png'?

2. Is it possible to change background color for each label/shape (different points -> different colors, not all points -> same color)?

3. Is it possible to change position of notes to arbitrary position (top, but closer to point)?

I am using Firefox, Kendo UI Beta v2013.2.716 , jQuery v1.9.1.

Best regards,
Antonija

Charts

answered on 26 Aug 2013

1 answer

66 views

Set of Kendo Windows Centered on page . How to ?

Hi,

I have a set of kendo windows ( for eg 8 ) arranged in a horizontal fashion in two rows, i.e. 4 windows per row. Each window is given a top, left value, such that the windows are arranged similar to the view in Chrome 'Most Visited' page. The window position values are such that the set of windows appears in the center of the page. The issue here is on Zoom Out, the set of windows moves to the left. How do I have the SET of windows centered on zoom in/out ?

Thanks,
VN

Window

answered on 26 Aug 2013

3 answers

258 views

Multiple Kendo Windows

Hi,

I have a set of kendo windows ( for eg 8 ) arranged in a horizontal fashion in two rows, i.e. 4 windows per row. Each window is given a top, left value, such that the windows are arranged similar to the view in Chrome 'Most Visited' page. The window position values are such that the set of windows appears in the center of the page. The issue here is on Zoom Out, the set of windows moves to the left. How do I have the SET of windows centered on zoom in/out ?

Thanks,
VN

Window

answered on 26 Aug 2013

4 answers

1.2K+ views

scale intervals on x-axis of KendoUI Charts

I have an array for categoryAxis data as follows:

categoryAxis: {

categories: ["30", "31", "32", "33", "34", "35", "36", "37", "38", "39", "40", "41", "42", "43", "44", "45", "46", "47", "48", "49", "50", "51", "52", "53", "54", "55", "56", "57", "58", "59", "60", "61", "62", "63", "64", "65", "66", "67", "68", "69", "70", "71", "72", "73", "74", "75", "76", "77", "78", "79", "80", "81", "82", "83", "84", "85", "86", "87", "88"],

title: {

text: "Age"

}

},

and I want the chart to display this data with an interval of 5; such as:

30......35......40......45... and so on.

how is this possible?

Charts

answered on 26 Aug 2013