When I use a grid, I can enable Filterable and the column shows me when I am filtering it; however if I enable ColumnMenu I have no indication if I am filtering on that column.  We've used a work around to handle this state ourselves, but its ugly and I think this should be part of the core product.

@(Html.Kendo().Grid<ShipmentGrid>()
  .Name("grid")
  .AutoBind(false)
  .Columns(columns =>
  {
  columns.Template(@<text></text>).Width(50).Title("PDFs").ClientTemplate($"<a href='javascript:" + jsPage + $".openDocumentWindow(#=AccountId#, #=OrderNumber#, #=OrderLineId#, #=OrderLineNumber#)'><img src={Url.Content("~/Content/images/pdficon_small.png")} /></a>");
  columns.Bound(m => m.CustomerName).Width(200).Title("Customer").HeaderTemplate("Customer <span style='float:center' class='k-icon k-i-filter'></span>").Filterable(f => f.Multi(true).Search(true)).Sortable(true);
  columns.Bound(m => m.PurchaseOrderNumber).Width(100).Title("PO").HeaderTemplate("PO <span style='float:center' class='k-icon k-i-filter'></span>").Filterable(f => f.Multi(true).Search(true)).Sortable(true);
  })
  .HtmlAttributes(new { style = "font-size:0.85em;" })
  .Filterable()
  .ColumnMenu()
  .Reorderable(reorder => reorder.Columns(true))
  .Resizable(r => r.Columns(true))
  .Scrollable(s => s.Height(340))
  .Pageable(pageable => pageable
  .Refresh(true).ButtonCount(10)
  .PageSizes(new [] { 25, 250, 2500 })
)
  .Sortable(sortable => sortable
  .SortMode(GridSortMode.SingleColumn)
)
  .ClientDetailTemplateId("itemdetail")
  .DataSource(dataSource => dataSource
  .Ajax()
  .Read(read => read.Url("/api/shipments").Data(jsPage + ".getParameters"))
  .PageSize(2500)
  .ServerOperation(false)
  .Events(events => events
  .Error(jsPage + ".GridService.onError")
  .RequestStart(jsPage + ".GridService.onRequestStart")
  .RequestEnd(jsPage + ".GridService.onRequestEnd")
)
)
  .NoRecords()
  .Events(events => events.DataBound(jsPage + ".onDataBound"))
)

Kendo Version - Kendo MVC 2019.2.619

My values appear in the previous option item.

Drop Down List name and values:

• Name = "Select From" 
• ID = ""
• Name = "ABCHERG"
• ID = "ABCHERG"

• Regression report
  Introduced in 2019.2.514.

Current behavior

margin-left causes selected items on second + rows in the MultiSelect to appear unaligned to the items in the first row.

Expected behavior

Reproduction

Dojo example.

What is the motivation or use case for changing the behavior?

Regression

Environment

• Kendo Ui for jQuery

Browser:

• Chrome (desktop) version XX
• Firefox version XX
• Edge version XX

It would be nice, if you can create a build-in property or function to create icon-only buttons/commands in a grid.

Actually it requires some workaround to realize this.

This Example create an edit button with the k-button-icontext class, but i want only an k-button-icon button. The destroy button gets the button name as default text.

@(Html.Kendo().Grid<WidgetDashboard.Models.Widget.WidgetData>()
    .Name("adminWidgetGrid")
    .Columns(columns =>
    {
        columns.Bound(p => p.Name).Width(150);
        columns.Bound(p => p.Active).Width(75);
        columns.Command(command => { command.Edit().Text(" "); command.Destroy().Text(""); }).Width(300);
    })
    //.ToolBar(toolbar => toolbar.Create())
    .Editable(editable => editable.Mode(GridEditMode.InLine))
    .Pageable(p => p.Refresh(true))
    .Sortable()
    .Scrollable()
    .Resizable(r => r.Columns(true))
    .HtmlAttributes(new { style = "height:450px; width: 100%" })
    .DataSource(dataSource => dataSource
        .Ajax()
        .PageSize(20)
        //.Events(events => events.Error("error_handler"))
        .Model(model => model.Id(p => p.ID))
        .Create(update => update.Action("Admin_Create", "Dashboard", new { id = Model.DashboardId }))
        .Read(read => read.Action("Admin_Read", "Dashboard", new { id = Model.DashboardId }))
        .Update(update => update.Action("Admin_Update", "Dashboard", new { id = Model.DashboardId }))
        .Destroy(update => update.Action("Admin_Destroy", "Dashboard", new { id = Model.DashboardId }))
    )
)

Alternative it would be ok if the correct css class is given when an empty string is specified.

Thank you

Christian

Bug report

The toolbar.click is not serialized correctly when a custom button is added to the ToolBar of the widget. Thus, the click event is not being executed.

Reproduction of the problem

@(Html.Kendo().PDFViewer()
    .Name("test")
    .PdfjsProcessing(pdf => pdf.File(""))
        .Toolbar(t => t.Items(i =>
            {
            i.Add().Name("Open").Id("Open").Command("OpenCommand").Type("button").Icon("folder-open");
            i.Add().Name("Print").Id("Print").Type("button").Icon("print").Click("onPrintClick");
        }))
        .Height(500)
)

<script>
   function onPrintClick(e) {
        alert(e);
    }
</script>

Current behavior

toolbar is not serialized correctly.

Expected/desired behavior

toolbar.click should be serialized correctly.

Environment

• Kendo UI version: 2019.2.516
• Browser: [all]

Bug report

Class k-state-focused is not removed from DropDownlist on blur, if its filter input was clicked.

Reproduction of the problem

1. Use Events demo
2. Click on DropDownList to expand its dropdown.
3. Click on DropDownList's filter input.
4. Click on demo's title to blur the DropDownList

Current behavior

DropDownList appears focused as k-state-focus class is not removed from its span
<span unselectable="on" class="k-dropdown-wrap k-state-default k-state-focused">

Expected/desired behavior

DropDownList does not appear focused.

Environment

• Kendo UI version: 2019.2.619
• Browser: all

Hi, 

For example:

1. Go to: https://demos.telerik.com/aspnet-mvc/numerictextbox
2. Click on "Events" in left menu.
3. Click on back button in browser.
4. The fields are now empty.

Tried with Firefox 67 for Mac.

I have discovered a bug in Kendo UI that seems to only affect IE11. 

When you create a Window with a position and width that renders partially off screen, IE11 will scroll the body to show as much of the window as possible.

Worse still, it seems to scroll to the last Kendo Window that was created.

This is undesirable. Is there a known workaround, or fix for this?

You can see it in this dojo if you shrink IE11 to be smaller than the window is wide:

https://dojo.telerik.com/iBiFatAT

See attached.

Thanks,

Julius

Hello,

I would like to suggest improvement to the function convertValues which is used in the virtualized datasources in multiple controls (dropdownlist, combobox, multiselect etc).

I've realised (after very long time) that the ValueMapper ajax is called in the initial loading, i.e. when there is no default value set in the control. In my opinion that request is extra unnecessary load and shouldn't happen if there is no value to be checked (mapped).

For example check this screenshot of the link https://demos.telerik.com/kendo-ui/dropdownlist/virtualization

In my code I started to surround with the following if:

if (options.value != "") {
        //value mapper code
    }
    else {
        options.success([])
    }

which stopped the initial value mapper ajax request.

This also helped to have only single value mapper request when there is default value set - otherwise it was generating 2 value mapper requests, one with empty value and another one with the set value.

I reckon this will help many users to improve their code.

Thanks.

Kind regards,

Kristina

Hello,

I am looking at possibility to convert Spreadsheet tables to html . I am creating an HTML report with header and footer and would like to merge the spreadsheet table as html between header and footer.

Is there a way to convert the spread content to html tables

Thanks

Anamika 

Also add appropriate dependencies to the current package like JQuery version. So in this case the MVC would be dependent on the main Kendo package and the Kendo package would depend on JQuery.

To whom it may concern,

       I’m one of your subscribed customers. And I’m writing to seek help in order to realize a filter display I want KendoGrid to show.

The following screenshot is the date filter display that KendoGrid has:

Can it be changed to the similar way as the following picture shows?

It is also acceptable if the filter can provide 3 different options to easily choose from for users:

1. Before a certain date that the user can choose from a calendar just like the picture above
2. After a certain date
3. Between two dates
4. In a certain date 

Thanks.

Best Regards,

BLACK STREAM

Bug report

Reproducible in Chrome and IE11. In Firefox highlighting a row and applying formatting (bold) applies it only to the first cell on the row.

Reproduction of the problem

Screenshot.

1. Copy/paste a table from Excel into the Editor.
2. Highlight the first row and use the Bold tool.
3. Inspect the table Html.

Current behavior

strong tags are added under the tr element

Expected/desired behavior

strong tags are added only under the td elements.

Environment

• Kendo UI version: 2019.2.514
• jQuery version: x.y
• Browser: [Chrome, IE]

Bug report

ComboBox with filtering option set to "contains".

Search for the last element in ComboBox dropdown and select it. Delete the selected item with mouse selection and "Delete" button. The dropdown will open again. Select the first element in the dropdown. It will close and no data will be selected. If we repeat the scenario and instead of selecting the first element, we select another one, everything is working properly.

This is regression introduced in 2018 R1 SP1

Reproduction of the problem

1. Open this Dojo and run it
2. Select the ComboBox and enter "rib", then select "Rib Knit"
3. Unfocus the ComboBox and then focus it again
4. Using the mouse select the "Rib Knit" text and delete it. The dropdown of the ComboBox will open.
5. Select the first element "Cotton".
6. The dropdown closes and no item is selected

Current behavior

Please check this demo video.

Expected/desired behavior

Please check this demo video

Environment

• Kendo UI version: 2019.2.514
• jQuery version: x.y
• Browser: [all]

Since upgrading to 2019.2.514, all Kendo ListViews have the following styling added:

overflow-y: scroll; position: relative;

Please explain the purpose and the best way to turn off.

Hi
in the file kendo\2019.1.220\kendo.tooltip.min.js, the title is hardcode. 

{# <div class="k-tooltip-button"><a href="\\#" class="k-icon k-i-close" title="Close"></a></div> #}
So everytime we use a tooltips that need the x to be closed, we can see a tooltip showing.

We found three way to remove it,
the first one, on the show event of a tooltips, we target the element and removed the title attribute, but that mean that we have to do this for all the tooltips we already use.
The second one, bind an event on click on the document and target the tooltips to remove it. Meaning that we have to listen to all the click on the page.
The third one would be to edit the js file, and not forget to do it every time we update Kendo.
All the above would work, but It means that we have to take an extra step every time. Could It be removed from the original code or at least work with the culture that we use(kendo.culture.fr-CA.min in our case) ?

It cause problems because the web app that we are developing is in french.

Thank