Hi,
We want to be able to open the Date Picker and show at least 3 months when it opens. Is this possible?
See attached image.
Thank you
The grid we have has fewer columns on the view mode and a lot more columns on the edit/insert mode
We need to be able to export every record on demand with all the columns
Is there a way we can save the popup edit form to pdf ?
Hi,
Please find the sample that i tried at : http://dojo.telerik.com/AZAMi/2
My requirement is to load up the atleast 200-300 shapes for the diagram control, so please my concerns below.
Concerns:
1. Rendering is too slow, what could be possible cause and solution to it.?
2. How to disable the edit tool bar in the diagram and toolbar appearing on selecting any shape, however still i should be able to drag the shapes.?
3. Is partial loading of shapes or any kind of virtualization is supported for diagram control.?
4. If we have 100 of shape in diagram control in a hierarchical view, it is possible to render the diagram control with top most nodes in the viewport.?
5. Is it possible that if shapes are zoomed up then the whole diagram should be scroll-able.?
6. One more issue that i observed is if we have many shapes and we turn on the scrolling as suggested in one of the samples in your website, if we click any where else other nodes, the scroll bar automatically scrolls to extreme left of the diagram container.?
Thanks,
Kshitij
I'm trying to persist shape rotation. I've followed the demo at http://demos.telerik.com/kendo-ui/diagram/editing and can persist width, height, etc.
However even the demo at http://demos.telerik.com/kendo-ui/diagram/editing is not generating a server AJAX call to persist the rotation.
Even if the diagram was sending up the new rotation setting to the server, I'm unsure how to map the rotation data as the example at http://docs.telerik.com/kendo-ui/dataviz/diagram/editing#shape-model-fileds doesn't show how to map to rotation. Rotation is a complex type which has angle, x, and y.
Is persisting shape rotation and using the Shape Model Fields to retrieve it from the server-side data supported? If so, is there any chance you could show me a working example? The documentation seems to be lacking in this area.
Thank you very much!
- Elijah
Hello,
I am having the following drag and drop scenario, which works under Chrome, but not with IE (11 or 10). I have an angular directive which consists of grid with single selection. In the link function, when the grid is populated with data, I convert it to kendoDraggable element via the following code:
function addDragDropTagSearchGrid() { scope.tagSearchGrid.table.kendoDraggable({ filter: "tbody > tr.k-state-selected", cursorOffset: { top: 10, left: 10 }, hint: function (e) { item = $('<div class="k-grid k-widget" style="background-color: lightblue; color: black;"><table><tbody><tr>Tag: ' + e.data().$scope.dataItem.tag + '/s</tr></tbody></table></div>'); return item; }, dragend: function (e) { scope.tagSearchGrid.clearSelection(); } });}In my main application, I have a div marked with id="dropArea", and when all of the html is rendered, I convert it to drop area via the following code:
vm.addDropToChartSeries = function () { $("#dropArea").kendoDropTarget({ drop: function (e) { vm.updateChart(); } }); };Everything works as expected, using Chrome. But after testing it with any version of IE, I end up with the following error when I select a row from the draggable grid and start to drag it:
SCRIPT65535: Invalid calling object
File: jquery.js, Line: 3099, Column: 5
But this happens only the first time after the page is refreshed. If I try to drag another row the following problem appears:
SCRIPT5007: Unable to get property 'ownerDocument' of undefined or null reference
File: jquery.js, Line: 1430, Column: 2
I am using jquery v2.1.4 & Kendo UI v2015.3.930.
Any help will be much appreciated!
Hi,
I have a kendo window that's reused. How do I unset the dimensions of the window after I set the width and height?
E.g.
Btn1 open window with width: 400px & height: 400px;
Btn2 open same window with dynamic content, expect window to resize according to content.
If I click on Btn1, and then Btn2. How can I set the windowOptions that the window will open resize according to the content size now? I tried to set width and height to null, undefined, empty string (""), even "auto". None worked.
A search did not show up anything on my problem. I have a database date field I want to display on a form. I don't want to use an input datepicker. I just want to display a readonly short datetime. Things like the created and modified dates for a record.
I feel silly not finding this right away.
I hope somebody has done this before and it is easy.
Thanks,
Rick
I wanted to initialize a window with mvvm but the problem is that it defaults to loading the content into a iframe.
I tried disabling the iframe with data-iframe="false" but it seems to ignore this.
Here is a snipet of the mvvm html
<div data-role="window"
data-title="Loading..."
data-actions="['Close']"
data-draggable="true"
data-resizable="false"
data-iframe="false"
data-content="fmwEquipmentInformation.html"
id="fmwEquipmentInformation">
</div>
In javascript I attempt to intialize with...
kendo.init(jQuery("#fmwEquipmentInformation"));
This loads the window but loads the content into a iframe which causes problems trying to bind the content div to data afterwards.
I am simply trying to use a kendoDropDownList within a grid. Once a selection is made, I want the selected TEXT to show, NOT the value.
As you can see, I am using a different dataSource for the dropdown (which an array of JSON objects). Should be simple...but the grid does not show the names/values at all.
I know I am missing something.,..just can't figure out what...thanks for any help. Need to save what little hair I have left.
01.<script src="../content/shared/js/products.js"></script>02.<div id="example">03. <div id="grid"></div>04. 05. <script>06. 07. $(document).ready(function () {08. var dataSource = new kendo.data.DataSource({09. pageSize: 20,10. data: products,11. schema: {12. model: {13. id: "ProductID",14. fields: {15. Category: { defaultValue: { CategoryID: 1, CategoryName: "Beverages"} }16. }17. }18. }19. });20. 21. 22. $("#grid").kendoGrid({23. dataSource: dataSource,24. pageable: true,25. height: 550,26. columns: [27. { field: "Category", title: "Category", width: "180px", editor: categoryDropDownEditor }],28. editable: true29. });30. });31. 32. var testArray = new Array();33. testArray.push({dsName:"DS1", dsID: 1});34. testArray.push({dsName:"DS2", dsID: 2}); 35. 36. function categoryDropDownEditor(container, options) {37. $('<input/>') 38. .appendTo(container)39. .kendoDropDownList({40. autoBind: false,41. index: 1,42. dataValueField: "dsID",43. dataTextField: "dsName", 44. dataSource: testArray45. });46. }47. 48. </script>49.</div>