hello
I´m wondering how I make the detail template button appear on the far right in each row instead of it displaying on the left
best regards from Iceland

When using the .NET MVC wrapper for our grids, we used to format our int columns like so:
columns.Bound(r => r.FileSize).Title("File Size")
.HeaderHtmlAttributes(new { @title = "File Size" })
.Format("{0:#,0}")
.Width(120);
When I upgraded from XX to XX, this no longer was working. I was able to use .Format("{0:n0}") and it worked fine. Kinda sad that this was depreciated seemingly unknowingly to developers. Did anyone else experience this break in code?
Hi I need to append single Column with multiple values in Kendo Grid. Is it possible to achieve?
Like Below
Rule Description
Test
New
Anyway I have attached the PPT. Please verify and if you provide some ideas it could be better.
Hello.
I'm having a problem with the order of columns in the grouping bar. I have a grid with one group. Now I drag another column to the grouping bar and the column immediately gets droped in front of the existing column instead of behind it. How can I fix this?
Best regards,
Kalli
Hi -
I'm trying to figure out how to autosize shapes to fix text and also nicely connect shapes. For the most part this works, but when there are two shapes that connect back to one another the connectors overlap. Is there a clean way of dealing with this?
Here is an example:
<div id="diagram"></div><script> var conns = [{"from":"338338","to":"338339","Label":"Send to Compliance"},{"from":"338338","to":"338341","Label":"Close Compliant"},{"from":"338339","to":"338338","Label":"Reject to Bank"},{"from":"338339","to":"338340","Label":"Review Complete"},{"from":"338340","to":"338341","Label":"Close Complaint"}]; var nodes = [{"id":"338338","Name":"New Complaint","IsFirst":true},{"id":"338339","Name":"Compliance Review","IsFirst":false},{"id":"338340","Name":"Contact Customer","IsFirst":false},{"id":"338341","Name":"Closed","IsFirst":false}] $("#diagram").kendoDiagram({ dataSource: nodes, connectionsDataSource:conns, layout: { type: "tree", subtype: "right" }, shapeDefaults: { type: "rectangle", fill: { gradient: { type: "linear", stops: [{ color: "#1696d3", offset: 0, opacity: 0.5 }, { color: "#1696d3", offset: 1, opacity: 1 }] } }, content: { color: "White", template: "#= Name #" }, height: 70, hover: { fill: "Gray" } }, connectionDefaults: { stroke: { color: "#979797", width: 1 }, type: "polyline", startCap: "FilledCircle", endCap: "ArrowEnd", content:{ template:"#= Label#" } }, autoBind: true }); </script>In a nutshell, I can not get the Kendo datasource to work with a dropdown list.
I can use $.ajax to call my web service and populate the dropdown list in the success callback. The same transport mechanism does not work with the datasource.
Here's the complete code for the page:
<!DOCTYPE html><html> <head> <title>Kendo Test</title> <link rel="stylesheet" type="text/css" href="../CSS/Kendo/kendo.common.min.css" /> <link rel="stylesheet" type="text/css" href="../CSS/Kendo/kendo.default.min.css" /> <script type="text/javascript" src="../js/jQuery/jquery-1.7.js"></script> <script type="text/javascript" src="../js/Kendo/kendo.web.min.js"></script> </head> <body> <div> <input id="dropdownlist" /> <input id="lstfromajax" /> </div> <div id="ajaxresult"></div> </body> <script type="text/javascript"> $(function() { // Make an AJAX call and bind on success - This works! $.ajax( { url: "../WebServices/Resources.asmx/JSONLookupGetSurgeons2", type: "POST", dataType: "json", contentType: "application/json; charset=utf-8", data: "{}", success: function(msg) { // Display returned JSON in result div $('#ajaxresult').html(JSON.stringify(msg.d)); // Try to use directly in drop down list. This Works! $('#lstfromajax').kendoDropDownList( { dataTextField: "Name", dataValueField: "Id", dataSource: { data: msg.d, schema: { model: kendo.data.Model.define( { id: "Id" }) }, }, }); }, error: function(e) { console.log('Ajax error: ' + JSON.stringify(e)); } }); // Now, try to use the web service as a direct data source - This doesn't work! $('#dropdownlist').kendoDropDownList( { dataTextField: "Name", dataValueField: "Id", dataSource: { transport: { read: { url: "../WebServices/Resources.asmx/JSONLookupGetSurgeons2", type: "POST", dataType: "json", contentType: "application/json; charset=utf-8", data: "{}" }, schema: { data: "d", model: kendo.data.Model.define( { id: "Id" }) }, error: function(e) { console.log('Datasource error: ' + JSON.stringify(e)); } } } }); });</script> </html>
I've included a screen snapshot to show the list on the left not working and the list on the right that does work.
I coded a console.log message in the parseJSON method. As expected, this routine is called twice - once for $.ajax and once for the Kendo datasource. They both display the same result - since they are hitting the same web service.
If I click the first dropdown list box (the one that's not populated), the browser ultimately complains of a long-running script and/or aborts!
Please tell me I'm missing something easy. I need to use the CRUD capabilities of the datasource but can't even get the simplest aspect going.