Hi Team,
I would like to know how to do a popup edit for multiple rows by click of next or prev link in the same popup. So that end user able to edit multiple rows without closing the popup.
Thanks,
Jose
Hi,
I have a problem with opacity in Tabs on Mircosoft Edge. I use kendo UI in version (2017.3.1026), but it doesn't seem to work even on the latest version kendo.
When I changing the tab there is some kind of animation with opacity. But I don't know how I can disabled it.
On chrome everything works fine.
https://demos.telerik.com/aspnet-mvc/tabstrip
Can you help me fix it?
Best regards.
Hi
In the release notes of Kendo UI R1 2018 there is stated that the DataSource widget has a new functionality:
"NEW
DataSource component should be able to dynamically change and update the widget"
What does that mean? What is now possible, that hasn't been possible before?
Could you give a short information or (at best) a short code example that works with the current release but not with the release before?
Thanks in advance

Hey gang - trying to figure out why my read method is getting called twice when a user hits the Search button specified in the template. It's calling this:
.Read(read => read.Action("GetOrders", "SalesOrder").Data("toolbarValue"))
2 times every time the Search is clicked. Any ideas?
Here's the full layout:
@(Html.Kendo().Grid<SalesOrderSearchResultsViewModel>()
.Name("Grid")
.Columns(columns =>
{
columns.Bound(o => o.WarehouseOrderNumber).Title("SO Number").Width(150);
columns.Command(command => command.Custom("Tracking").Click("getTracking")).Width(100).Title("Tracking");
columns.Command(command => command.Custom("Serials").Click("getSerials")).Width(100).Title("Serials");
columns.Bound(o => o.PONumber).Width(150);
columns.Bound(o => o.EndUserPO).Width(150);
columns.Bound(o => o.Status).Filterable(f => f.Extra(false).UI("statusFilter").Operators(o=>o.ForString(s=>s.Clear().Contains("Contains")))).Width(100);
columns.Bound(o => o.DocTypeDesc).Width(150);
columns.Bound(o => o.ShippingAddress.Name).Title("ShipTo Name").Width(150);
columns.Bound(o => o.ShippingAddress.City).Width(150);
columns.Bound(o => o.ShippingAddress.PostalCode).Width(130);
columns.Bound(o => o.Total).Format("{0:c}").Width(100);
columns.Bound(o => o.DateEntered).Title("Entered").Format("{0:MM/dd/yyyy}").Width(110);
columns.Bound(o => o.LastChanged).Title("Changed").Format("{0:MM/dd/yyyy}").Width(110);
columns.Command(command => command.Custom("Details").Click("getDetails")).Width(100);
})
.ToolBar(toolbar => toolbar.ClientTemplate("<text><div class='toolbar'><a role='button' class='k-button k-button-icontext k-grid-excel' href='test'><span class='k-icon k-i-file-excel'></span>Export to Excel</a><span class='core-lbl'>Search: </span><input type='text' name='search' class='k-textbox' id='toolBarInput'/><span class='core-lbl'>Type: </span><input id='searchType' style='width:200px' /><span class='core-lbl'>Start Date: </span> <input id='dpStartDate' title='Start Date' style='width: 130px' /> <span class='core-lbl'>End Date: </span><input id='dpEndDate' title='End Date' style='width: 130px;' /> <button class='k-button' onclick='search()'>Search</button></div></text>"))
.Sortable()
.Pageable(p => p.ButtonCount(5).PageSizes(new int[] { 20, 50, 100, 1000, 2000 }).Refresh(true))
.Filterable()
.Resizable(r => r.Columns(true))
.ClientDetailTemplateId("template")
.Scrollable(scr => scr.Height(800))
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(20)
.Read(read => read.Action("GetOrders", "SalesOrder").Data("toolbarValue"))
.Sort(sort => sort.Add("LastChanged").Descending())
.Events(e => e.Error("onError")))
.Excel(excel => excel
.FileName("soexport.xlsx")
//.ProxyURL(Url.Action("ExcelExport", "SalesOrder"))
.AllPages(false))
.Events(events => events
.DataBound("onDataBound"))
)
Thanks!
Craig

I have an issue using ListView, DataSource and Angular where transport is fully custom, e.g. transport update/create/read and delete are functions.
I used original plunkr from https://demos.telerik.com/kendo-ui/listview/angular and added edit template, edit/cancel and update buttons.
transport.read method works as expected and returns original "product" array from the example however upon edit of the ProductName, transport.update is never executed and no error is thrown. I've added schema/model with id and other columns however it has no impact.
Please help
https://dojo.telerik.com/@sergpro/etuvac/6

Hi!
During our tests with the spreadsheet we noticed that when we import from excel and use a file that contains underlined cells, this specific formating is lost.
However no other formating seems to be lost and exporting kendo's spreadsheet with underlined cells work. This use case can be reproduced here https://dojo.telerik.com/IcoRol with the attached file.
Is this a known bug?
Thanks!

I'm trying to get a treeview to just fill available space in the browser window. Meaning the vertical scrollbar on the treeview should be displayed and the vertical scrollbar on the browser window should not. I am using flexbox and it works perfectly in Firefox and Edge, but the TreeView overwrites my footer in Chrome and the entire TreeView is shown. Any help would be appreciated. I don't understand why the difference in functionality between the browsers. I would have expected Chrome and Firefox to behave the same.
<style> html, body { height: 100%; margin: 10px; padding:0; } .box { display: flex; flex-flow: column; height: 100%; } .box .row { border: 1px dotted grey; } .box .row.header { -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } .box .row.content { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .box .row.footer { -webkit-flex: 0 0 40px; -ms-flex: 0 0 40px; flex: 0 0 40px; } /* Use the DejaVu Sans font for display and embedding in the PDF file. The standard PDF fonts have no support for Unicode characters. */ .k-treelist { font-family: "DejaVu Sans", "Arial", sans-serif; font-size: .9em; height: 98%; } </style></head><body> <div class="box"> <div class="row header"><h1 class="text-center">Component Configuration Report</h1></div> <div class="col-md-12 pull-left row content"> <span id="popupNotification"></span> <div id="treelist" class="row content"></div> </div> <div class="row footer"> <p>footer</p> </div> </div>I would like to create a validation message only for dropdownlist.
I'd like to get the text value of label.
label is parent of kendo dropdownlist
var custom = function(input){ if(input.is("[data-role=dropdownlist]")){ if(Utils.isNullOrUndefined(input[0].value) || input[0].value.length === 0){ return true; } return input.data("kendoDropDownList").value(); } return true; } rules.custom = custom; messages.custom = function(input){ "Insert" + input.closest("label").text() } var validator = { validate: function(){ $(".k-invalid:first").focus(); }, rules: rules, messages: messages }; return $("#form1").kendoValidator(validator).data("kendoValidator");
This solution doesn't work
