Hello, when I try to create new task I get "Out of stack space" exception.
Link with the example. Version of Kendo UI: 2014.3.1411.

What can be the reason of this exception?

Hi Guys

An annoying feature of the grid is that any Update/Cancel/Destroy buttons, within the grid or edit popups, are draggable by the mouse and can be dropped onto edit fields resulting in the underlying html code being inserted into the text box.

To me this behaviour feels wrong for buttons.

Is there an easier way to stop the buttons being draggable by default, without traversing the DOM and setting draggable="false" on every k-button <a> element.

Regards
Alan

Hello,

Is there any option to set some kind of line 'border'?
Here is situation:
I have white background. And if I set white color for chart - obviously I will see nothing there :D

So that why I'm asking if there any line border property.

I found one way: to draw another line(more width and another color) under original one.
But seems to be not proper way, but it will still work.

Thanks,
Vlad.

When ever I put a custom font icon in the tab strip it raises the height of the tab strip. The extra height (blank space above teh icon) is equivalent to the space reserved for the icon.  When I look at the code in dreamweaver I can see a grey square for where the Icons are meant to go and when the custom icon is inserted this grey box is place above the custom icon and the whole tab space is raised.  I tried all types of css  but is keeps on reserving this space for the kendo icon and will not give up the space when a custom font icon is inserted.


<footer data-role="footer">
    <div data-role="tabstrip" style="background-color:#F96;font-size:small">
      <a onclick="noImg();" data-icon="favourites">None</a>
      <a onclick="medImg();" data-icon="compose" >Med</a>
      <a onclick="lgImg();" data-icon="globe">Large</a>
     <a href="views/insect.html" class="tabIcon"><i class="icon-kub-mobile" style="font-size:xx-large"></i><div>All hhh</div></a>
     </div>
  </footer>


Also when I have many buttons in the tabstrip each button has too much padding/margins and I would like them to be able to become even more narrower than default. How do I do this?

We have a listview that uses a template, but the nature of the data displayed in the template means that the listview items can be of variable height.  We're running into an issue with the listview layout when this happens.  Please see the attached image.

Is there something we can do to prevent this from happening and keep the elements displaying in rows with their top edges aligned?

Thank you!

Hi~ 

I have trouble in editing treeview node when I set up dragAndDrop option true.

I changed dragAndDrop options false, it worked.

Here is my code....

I'm using angularjs.
===========================================================
html file
--------------------------------------------------------------------------------------------------------------
<div kendo-tree-view="tree" k-options="option1" id="treeView"></div>

<!--  treeview template -->
<script id="treeview-template" type="text/kendo-ui-template">
           <a ng-click="edit($event)" ><span>#: item.text #</span></a>
    </script>

============================================================
controller file
------------------------------------------------------------------------------------------------------------------
$scope.option1 = {
dataSource : treeData,
dragAndDrop : true,
template: kendo.template($("#treeview-template").html()),
loadOnDemand : true
};


$scope.edit = function(e) {
var treeview = $scope.tree;
var node = $(e.target).closest(".k-item");

if (confirm("edit?")) {
var id = treeview.dataItem(node).id;
var origin_html = $(node).find("a")[0].outerHTML;
var replacehtml = "<input type='text' id='newnode' value='"
+ treeview.dataItem(node).text + "'>";
//$(node).find("a").html(replacehtml);
$(node).find("a")[0].outerHTML = replacehtml;
$("#newnode").focus();
$(node).on("keypress","input",
function(event) {
if (event.keyCode == 13) {
var newVal = $("#newnode").val();
$(node).find("input#newnode")[0].outerHTML = origin_html;
$(node).find("a").text(newVal);
var dataItem = treeview.dataSource.get(id);
$(treeview.findByUid(dataItem.uid)).each(function() {
treeview.text(this,newVal);
});
}
});

};

=================================================================================

This is my code. 

When I click a node name, html code change contained input tag.

<a ng-click="edit($event")><span> node name </span></a>
-> <input type="text" id="newnode" value="node name">

But I can't write down anythin in it. A cusor blur away immidiately.

Why it happened? and how to fix it?

And there is any way to change treeview's option 'dragAndDrop: true'  to 'dragAndDrop:false' after called $scope.edit() function?

please help!! ㅠ.ㅠ

We are using KendoUI TreeView with AngularJS.

DataSource attached to TreeView via k-data-source attribute.
If DataSource initialized via ajax request - TreeView not updated and still empty.

Example of such behavior: http://dojo.telerik.com/iGAbu

Is it possible to hide the Y-axis with the multi access line graph?  

I am dealing with with about 10 different data sets that are disproportionate in size so I am not able to use one axis.  

My plan is to just show the lines on the graph and have robust tooltips that refer to the actual data that the pt is referring to.  What is more important to me is that I can show when there were spikes in data.      

I have a grid that is bound to a datasource. On the datasource if an error is returned on create my popup goes away and the new item stays in the grid (datasource). How do I either prevent the popup from going away and make the user cancel or try again, or remove the item if there is an error?


function getAntiForgeryToken() {
    return  $('input[name=__RequestVerificationToken]').val();
}

    var viewModelNotes = kendo.observable({
        notesDataSource: new kendo.data.DataSource({
            transport: {
                read: {
                    url: "/Vendor/GetVendorNotes",
                    dataType: "json",
                    data: {
                        VendorId: $("#Vendor_VendorId").val()
                    }
                },
                create: {
                    url: "/Vendor/CreateVendorNote",
                    dataType: "json",
                    type: "POST",
                    data: {
                        VendorId: $("#Vendor_VendorId").val(),
                        __RequestVerificationToken: getAntiForgeryToken()
                    }
                }
            },
            schema: {
                model: {
                    id: "VendorNoteId",
                    fields: {
                        VendorNoteId: { editable: false, nullable: true }
                    }
                },
                errors: "errorMsg"
            },
            pageSize: 20,
            error: function (e) {
                toastr.options = {
                    "positionClass": "toast-bottom-full-width"
                };
                toastr.error('Unable to save new note' + e.errors, 'Uh Oh!');
            }
        })
    });

    kendo.bind($('#VendorNoteWrapper'), viewModelNotes);

    $("#VendorNotesGrid").kendoGrid({
        dataSource: viewModelNotes.get("notesDataSource"),
        scrollable: false,
        toolbar: ["create"],
        columns: [
        { field: "ItemText", title: "Note" },
        { field: "CreateDate", title: "Create Date" },
        { field: "CreatedByDisplay", title: "Created By" },
        { field: "LastModDate", title: "Modified" }],
        editable: {
            mode: "popup",
            template: kendo.template($("#vendorNoteEditor").html())
        }
    });

Hello, 

Currently i am working with jQuery-2.1.1, angularJs-1.3.12 and Kendo UI v2014.3.1316. i used component such as grid, drop down list and date time picker from Kendo UI. but none of these components are working except kendo grid and please find below configurations.

Please advise to fix this. 

//HTML

<input type="text" name="DTEndDate"
kendo-date-picker
k-format="'MMMM yyyy'"
k-options="monthSelectorOptions">

//Js
<!--//Kendo-->
<script src="assets/libs/kendo/2014.3.1316/js/kendo.all.min.js"></script>
<script src="assets/libs/kendo/2014.3.1316/js/kendo.aspnetmvc.min.js"></script>
<script src="assets/libs/kendo/2014.3.1316/js/kendo.timezones.min.js"></script>

//CSS   

<!-- KENDO CSS-->

<link rel="stylesheet" href="assets/libs/kendo/2014.3.1316/styles/kendo.common.min.css"/>
<link rel="stylesheet" href="assets/libs/kendo/2014.3.1316/styles/kendo.default.min.css" />
<link rel="stylesheet" href="assets/libs/kendo/2014.3.1316/styles/kendo.dataviz.min.css"/>
<link rel="stylesheet" href="assets/libs/kendo/2014.3.1316/styles/kendo.dataviz.default.min.css"/>
<link rel="stylesheet" href="assets/libs/kendo/2014.3.1316/styles/kendo.metro.min.css"/>
<link rel="stylesheet" href="assets/libs/kendo/2014.3.1316/styles/kendo.dataviz.metro.min.css"/>
<link rel="stylesheet" href="assets/libs/kendo/2014.3.1316/styles/kendo.default.mobile.min.css" />