Questions on Kendo UI for jQuery Forum

1 answer

318 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

397 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

159 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

127 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

138 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

65 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

251 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

9 answers

462 views

Drop down list offset in IE when opened in an iFrame

When opening a kendo dropdownlist in IE in an iFrame the list part is offset. I believe IE is not reporting the correct coordinates to the drop down list constructor since it is in an iFrame. If nothing is to the left of the drop down list it works fine.

Code:

<script type="text/javascript">

$("#StatementDate").kendoDropDownList();

</script>

<div class="grid4 inputlabel">Statement Date:</div>

<div class="grid9 inputfield">

<select id="StatementDate" name="statementMonth" style="width:120px;">

<option selected="selected" value="Current">Current</option>

@foreach (KeyValuePair<int, DateTime> item in Model.StatementList)

{

<option value="@item.Key">@item.Value.ToString(Model.CurrentContext.Club.DateFormat)</option>

}

</select>

<input type="button" id="viewPdf" value="View Statement" class="button button3" style="width:120px;" />

</div>

Is there a work around for this? The code works fine outside of the iFrame and inside the iFrame if using another browser such as Chrome.

DropDownList

answered on 26 Aug 2013

1 answer

161 views

Kendo UI Mobile Free Trial

Hi all,

I have a question regarding the Kendo UI Mobile free trial. If I were not to purchase the trial within 30 days, how exactly would the framework stop working, due to its client-side nature? Is this just for the server wrappers?

Thanks!

General Discussions

answered on 26 Aug 2013