I would like to get an example of using Kendo RadioButtonFor control which is not working whatever way I use.
For example I am using it following way insode my Editor Template for Kendo Grid
@(Html.Kendo().RadioButtonFor(model=>model.IsMale).Value(true).Name("IsMale").Label("Male").Checked(Model.IsMale)) @(Html.Kendo().RadioButtonFor(model=>model.IsMale).Value(false).Name("IsMale").Label("Female").Checked(Model.IsMale))
It does not show correct radiobutton selected no matter isMale is true or false....
I'd appreciate any good example....
Thanks
Rizwan
MyNamespace._myWin = $("#recapitoWin").kendoWindow({ modal: true, width: 600, visible: false, title: "add user"}).data("kendoWindow");MyNamespace._myWin .title = "Edit User";$("#recapitoWin").kendoWindow({ title: "Edit User" }).data("kendoWindow");I have 2 grids on my page. The first contains a list of customers. When a customer is selected in the first grid, a second grid populates with the customer's phone numbers. When I edit a phone number in the second grid, the selected row in the customers grid becomes unselected. What's causing this behavior and how can I prevent it?
Here's a fiddle demonstrating the problem:
https://jsfiddle.net/6kdvC/139/
Thanks!

I have a Kendo chart that receives data from the server using Angular. While loading I have an overlay that displays to show that the data is loading. That works fine, but if I receive an error on my promise call I would like to display another message (i.e. "Could not retrieve data"). Below is a sample of what my call looks like.
1.service.getData(request)2. .then(function (result) {3. options.success(result.data.data);4. // at this point either dataBound or Render is called and I can remove the overlay.5. }).catch(function (error) {6. options.error(error);7. // What can I call here to change the message in my overlay?8. });Hello,
I have an issue with Firefox and the DatePicker.
The further down I scroll on the page, the further down the datepicker is placed compared to the input element (where it is placed). Eventually it opens outside the visible area and you cannot interact with it (due to it being placed outside the view).
Any solution to this?

Hi,
I would like to customize the spreadsheet for my application. But I can't figure out how.
I would like to remove the contextual tabs, the undo/redo buttons, the toolbar and the formula bar.
But it may be useful to keep the "header" where these "components" are right now.
How can I do that?
Thanks.

I have been playing around with a local copy of the pie chart using remote data, as per this demo http://demos.telerik.com/kendo-ui/pie-charts/remote-data-binding
The chart is rendering just fine. However, when I update the data on the server the chart does not update until I prompt it to with this;
$("#chart").data("kendoChart").dataSource.read();
I found this post in the forums, perhaps the wording is misleading, but it suggests that it should "automatically refresh".
http://www.telerik.com/forums/update-datasource#6D639C0ai0Sf57uQiljUug
Maybe I am missing something? Here is my source code;
<!DOCTYPE html><html><head> <style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style> <title></title> <link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.1.112/styles/kendo.common-material.min.css" /> <link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.1.112/styles/kendo.material.min.css" /> <script src="//kendo.cdn.telerik.com/2016.1.112/js/jquery.min.js"></script> <script src="//kendo.cdn.telerik.com/2016.1.112/js/kendo.all.min.js"></script></head><body><div id="example"> <div class="demo-section k-content wide"> <div id="chart"></div> </div> <script> function createChart() { $("#chart").kendoChart({ dataSource: { transport: { read: { dataType: "json" } } }, title: { text: "Title" }, legend: { position: "top" }, seriesDefaults: { }, series: [{ field: "percent", categoryField: "resolution", padding: 0, type: "pie", labels: { visible: true, background: "transparent", template: "#= kendo.format('{0:P}', percentage)#" } }], tooltip: { visible: true, format: "N0", template: "#= kendo.format('{0:P}', percentage)#" } }); } $(document).ready(createChart); $(document).bind("kendo:skinChange", createChart); // Useing this to update the chart //$("#chart").data("kendoChart").dataSource.read(); </script></div></body></html>Hi.
I export my PDF using the following functions:
$(".export-pdf").click(function() {
// Convert the DOM element to a drawing using kendo.drawing.drawDOM
var fileName = $(this).data('val');
kendo.drawing.drawDOM($("#" + $(this).data('val')))
.then(function(group) {
// Render the result as a PDF file
return kendo.drawing.exportPDF(group, {
paperSize: "auto",
margin: { left: "1cm", top: "1cm", right: "1cm", bottom: "1cm" }
});
})
.done(function(data) {
// Save the PDF file
kendo.saveAs({
dataURI: data,
fileName: fileName + ".pdf",
//proxyURL: "//demos.telerik.com/kendo-ui/service/export"
});
});
});
according to this document: http://docs.telerik.com/kendo-ui/framework/drawing/pdf-output#configuration-Custom
I have defined the font though kendo.pdf.definefont:
kendo.pdf.defineFont({"Verdana" : "/fonts/Verdana.ttf", // this is a URL"Verdana|Bold" : "/fonts/Verdana_Bold.ttf","Verdana|Bold|Italic" : "/fonts/Verdana_Bold_Italic.ttf","Verdana|Italic" : "/fonts/Verdana_Italic.ttf"});
However, i am not sure how to tell the drawDOM object to use the font being defined. because in the example:
var text = new drawing.Text("Hello World", new geo.Point(100, 100));
text.options.set("font", "30px Verdana");
drawing.Text have to be filled with particular text but now i need all the text in the DOM drawing with the custome font.
Thank you.