Bug report

Exemplary configuration:

@(Html.Kendo().Grid<MyApp.Models.SampleTable>()
	.Name("grid")
	.ColumnMenu()
	.Scrollable(s => s.Enabled(true).Height("auto"))
	.DataSource(dataSource => dataSource
		.Ajax()
		.Model(model => model.Id(p => p.PrimaryKey))
		.Read(read => read.Action("Read", "Home")) 
		.Sort(sort => sort.Add("ColumnDate").Descending())
	)
	.Resizable(resize => resize.Columns(true))
	.Columns(columns =>
	{
		columns.Select().Width(60);
		columns.Group(group => group
			.HeaderTemplate(@<text><a class='k-link myHeaderTemplate' href=''>@ViewBag.MyHeaderTitle</a></text>)
			.Columns(c =>
			{
				c.Bound(x => x.Field1).Width("10%");
				c.Bound(x => x.Field2).Width("15%");
			})
    );
		columns.Bound(c => c.Field3)
			.Filterable(ftb => ftb.Operators(op => op.ForString(str => str.Clear().Contains("Contains"))));
		columns.Bound(c => c.Field4);
		columns.Bound(c => c.Field5).Hidden(true).Format("{0:dd-MM-yyyy hh:mm:ss tt}").Filterable(f => f.UI("dateFilter").Cell(cell=>cell.ShowOperators(false)));
		columns.Bound(c => c.Field5).HtmlAttributes(new {style="text-align:right" })
			.Filterable(f=> f.Cell(c=>c.Template("intFilter")))
			.HeaderHtmlAttributes(new { style="text-align:right" });
		columns.Bound(c => c.Field6).Filterable( f=>f.Cell(cell=>cell.ShowOperators(false).Operator("contains")));
		columns.Bound(c => c.Field7);
		columns.Bound(c => c.Field8);
	})
	.Filterable(ftb => ftb.Mode(GridFilterMode.Row))
	.PersistSelection()
    .Pageable(pager => pager
        .PageSizes(new int[] { 10, 20, 30 })
    ) 
    .Sortable()
    .Filterable()
    .Editable(e => e.Mode(GridEditMode.PopUp).DisplayDeleteConfirmation(false))
    .Excel(excel => excel
        .FileName("Export.xlsx")
        .Filterable(true)
        .ProxyURL(Url.Action("Excel_Export_Save", "Grid"))
    )
)

For a sample project, contact Ivan Danchev or Georgi Yankov.

Reproduction of the problem

If one of the columns (e.g. Field6) has a long header title calling the autoFitColumn and passing the column to it does not properly resize the column. The column remains narrow and its header text remains cut off.

Similarly, the method does not have the expected effect on columns with shorter text in the header, i.e. they remain wide instead of shrinking to the text length.

Current behavior

Incorrect column resizing.

Expected/desired behavior

Correct column resizing.

Environment

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

I was try to upgrade Telerik UI for Asp.Net to 2020.2.513 form 2019.3.1023 ,but after I done the upgrade , 

the checkbox in the grid was disappeared with nothing change in my code.

I use the simple function columns.Select(), it seems the <label for='xxx#' class='k-checkbox-label k-no-text'></label>  no been build.

Is there anything I need to do after upgrade ?

Bug report

When the new TextBoxFor with a Floating label is used as editor for the String fields the label overlaps populated fields.

for MVC and MVC Core

Reproduction of the problem

@Html.Kendo().TextBoxFor(model => model).Label(l => l.Content("Name").Floating())

Expected/desired behavior

Floating label should not overlap populated fields

Environment

Kendo UI version: 2020.2.513 or above
Browser: [all]

Bug report

Reproduction of the problem

Inspect the PanelBar in the Templates demos (MVC/Core).

Current behavior

The root items are rendered as li elements nested directly within a div wrapping element.

Expected/desired behavior

The li elements should be nested in a ul element.

Note: Consider handling the scenario when a Kendo UI for jQuery PanelBar is initialized from a div element.

Environment

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

Bug report

Reported in Ticket ID: 1472894.

Reproduction of the problem

Reproducible in this demo.

Current behavior

The content of the tab is not focusable.

Expected/desired behavior

The tabs themselves and the active tab's content should be focusable: https://www.w3.org/TR/wai-aria-practices/examples/tabs/tabs-1/tabs.html

Environment

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

Hi, with the latest version of kendo ui on existing hundred grids when I try to filter for a column I get an error like:

This kind of grid worked perfect on previous versions.

Uncaught TypeError: Cannot read property 'length' of undefined

    at init._eachRenderedMenuItem (kendo.all.js:52792)
    at init._setMenuItemsVisibility (kendo.all.js:52747)
    at init._updateMenuItems (kendo.all.js:52742)
    at init.open (kendo.all.js:52609)
    at init.trigger (kendo.all.js:164)
    at init._triggerEvent (kendo.all.js:51935)
    at kendo.all.js:51154
_eachRenderedMenuItem @ kendo.all.js:52792
_setMenuItemsVisibility @ kendo.all.js:52747
_updateMenuItems @ kendo.all.js:52742
open @ kendo.all.js:52609
trigger @ kendo.all.js:164
_triggerEvent @ kendo.all.js:51935
(anonymous) @ kendo.all.js:51154
setTimeout (async)
(anonymous) @ kendo.all.js:51143
each @ jquery-3.4.1.min.js:2
each @ jquery-3.4.1.min.js:2
open @ kendo.all.js:51140
_mouseenter @ kendo.all.js:51465
i @ jquery-3.4.1.min.js:2
handle @ jquery-3.4.1.min.js:2
dispatch @ jquery-3.4.1.min.js:2
v.handle @ jquery-3.4.1.min.js:2

Thank you,

Ion Petcu

The Workbook.FromDocument() method freezes the panes based on the coordinates of the TopLeftCellIndex of the pane instead of the XSplit and YSplit properties of the pane. Reproduced with the attached Excel file

• https://github.com/telerik/kendo/blob/master/dpl/Telerik.Web.Spreadsheet/Models/Workbook.FromDocument.cs#L50

var pane = documentWorksheet.ViewState.Pane;
if (pane != null && pane.State == PaneState.Frozen)
{
    sheet.FrozenRows = pane.TopLeftCellIndex.RowIndex;
    sheet.FrozenColumns = pane.TopLeftCellIndex.ColumnIndex;
}

Solution:

var pane = documentWorksheet.ViewState.Pane;
if (pane != null && pane.State == PaneState.Frozen)
{
    sheet.FrozenRows = pane.YSplit;
    sheet.FrozenColumns = pane.XSplit;
}

WORKAROUND: Loading the Excel file with DocumentProcessingLibrary API and change the pane

var fileName = <YourFilePathHere...>;
if (!File.Exists(fileName))
{
    throw new FileNotFoundException(String.Format("File {0} was not found!", fileName));
}

Telerik.Windows.Documents.Spreadsheet.Model.Workbook workbook;
IWorkbookFormatProvider formatProvider = new Telerik.Windows.Documents.Spreadsheet.FormatProviders.OpenXml.Xlsx.XlsxFormatProvider();

using (Stream input = new FileStream(fileName, FileMode.Open))
{
    workbook = formatProvider.Import(input);
    foreach (var sheet in workbook.Worksheets)
    {
        if (sheet.ViewState.Pane != null && sheet.ViewState.Pane.State == Telerik.Windows.Documents.Spreadsheet.Model.PaneState.Frozen)
        {

            var originalPane = sheet.ViewState.Pane;
            var pane = new Pane(new CellIndex(originalPane.YSplit, originalPane.XSplit), originalPane.XSplit, originalPane.YSplit, originalPane.ActivePane);
            sheet.ViewState.Pane = pane;
        }
    }
}
var sheets = Telerik.Web.Spreadsheet.Workbook.FromDocument(workbook).Sheets;

Bug report

Reproduction of the problem

The configuration for scale.rangeSize is not available for UI for ASP.NET MVC Wrappers (works with .NET Core)

Current behavior

When attempting to set the scale.rangeSize, the following error appears:

Error CS1061 'GaugeLinearScaleBuilder' does not contain a definition for 'RangeSize' and no accessible extension method 'RangeSize' accepting a first argument of type 'GaugeLinearScaleBuilder' could be found (are you missing a using directive or an assembly reference?)

Expected/desired behavior

This configuration should be included in future releases.

Environment

• Kendo UI version: 2020.2.513

Bug report

The responsive pager of the grid is shown when the width of the window is a few pixels above 1024 but less than 1035.

Reproduction of the problem

Dojo sample for reproduction:

https://dojo.telerik.com/oNejEYOz

1. Resize the browser to be around 1025 pixels. Just after showing the full pager, refresh the page.

2. The responsive pager is shown.

Expected/desired behavior

The full pager should be shown.

Environment

* **Kendo UI version:** 2020.1.114
* **jQuery version:** 1.12.4
* **Browser:** [all] 

Dear support,

Your documentation clearly states that there is an option to export all pages:

Exporting All Data

By default, the Telerik UI TreeList for ASP.NET MVC exports only the current page of data. To export all pages, set the AllPages option to true.

@(Html.Kendo().TreeList<Kendo.Mvc.Examples.Models.TreeList.EmployeeDirectoryModel>()
    .Name("treelist")
    .Toolbar(tools => tools.Excel())
    .Excel(excel => excel.AllPages(true))
    .DataSource(dataSource => dataSource
        .Read(read => read.Action("All", "EmployeeDirectory"))
    )
)
 
However, when I try this, AllPages gives a compiler error:
Severity	Code	Description	Project	File	Line	Suppression State
Error	CS1061	'TreeListExcelSettingsBuilder<dynamic>' does not contain a definition for 'AllPages' and no accessible extension method 'AllPages' accepting a first argument of type 'TreeListExcelSettingsBuilder<dynamic>' could be found (are you missing a using directive or an assembly reference?)	StarPMWeb	C:\TFS2015\StarPMWeb\StarPMWeb.root\MAIN\Enhancements\WIPProvisions_MR\StarPMWeb\Areas\WIPPROVISIONS\Views\ParentChildPeriod\_RenderParentChildEditPeriodGrid.cshtml	706	Active
Why is this happening? Is your documentation just wrong?
I am using version 2020.1.114
If this AllPages option is not currently implemented, can you please add this to the roadmap? It seems to be a strange omission.
Thanks.

Bug report

When a table is created through the table wizard and cellspacing is set to 0, this value is ignored and the table is created with no cellspacing value. 0 is a valid value and it affects the appearance of the table, so it should not be equivalent to not setting cellspacing.

Reproduction of the problem

Reproducible in the demos.

1. Use the table wizard.
2. Set 0 as cellspacing value.
3. Create the table.
4. Inspect the table in the browser's dev tools.

Current behavior

The table has no cellspacing attribute.

Expected/desired behavior

The table has cellspacing set to 0.

Environment

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

Bug report

Reproduction of the problem

1. Open the Dojo
2. In the first column enter "01/01/0001"

Current behavior

The Date is displayed as "12/31/0"

Expected/desired behavior

The Date should be displayed correctly.

Environment

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

Bug report

Currently the MultiSelect allows a custom tag (one that does not correspond to items in its dataSource) to be displayed as selected. For this to work the MultiSelect must have autoBind disabled and the dataValueField option must be set. Once the widget is bound to data it behaves inconsistently, depending on whether there are other pre-selected items and what their index in the dataSource is.

Reproduction of the problem

Dojo example.

1. Focus the MultiSelect

Current behavior

The widget is loaded with data, but the custom tag remains. This leads to the following unexpected behavior: after step 1. deselect "Product1". The item is deselected, the "custom" tag is removed from the input area but the "Product1" tag remains. The behavior is different, if initially "custom" and "Product2" are pre-selected.

Expected/desired behavior

Once the widget is bound any custom tags should be removed. The MultiSelect should display only tags for items that are in its dataSource. For a new item to be displayed as selected, it must be added to the dataSource.

Environment

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

Bug report
DateTimePicker "modern" look does not allow picking of hours in the MVC suite. In jQuery and Core AM/PM is not scrollable, nor selectable 

Reproduction of the problem
https://demos.telerik.com/aspnet-mvc/datetimepicker/component-type
Screencast: https://www.screencast.com/t/i4wi5Rq84PFF

Expected/desired behavior
PM setting must be present/scrollable/selectable

Environment
Kendo UI version: 2020.2.513*
Browser: [all]

Bug report

This is a regression introduced in R2 2019.
Textboxes and charts currently are not supported in the Spreadsheet, however, if the loaded excel file contains such, saving the file should not throw a js exception.

Reproduction of the problem

1. In Excel add a textbox and/or a chart to a workbook. Save the workbook. Alternatively, use the attached file:
   sample-new-chart-textbox.zip
2. Load the .xlsx file in the Spreadsheet
3. Save the file

Current behavior

On saving the file the following exception is thrown:
kendo.all.js:12938 Uncaught TypeError: Cannot read property 'target' of undefined

Expected/desired behavior

No js exceptions on saving the file.

Environment

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

I downloaded the latest version of Kendo UI (Version: 2020.1.406) for MVC and upgraded my project to refer the latest JS, CSS and Kendo.MVC (2020.1.406.545).

NoRecords method is behaving differently in the latest version. While fetching records in progress, it displays the 'No record found' message even before completion of the action method. Please see the below image:

It was not happening in the version 2018.2.516, it was showing the 'No record found' message after completion of the action method and only if there is 0 row returned.

Below is the code of Student.cshtml view:

I need to enter number (signed)  from the right, and want to use maskedtextbox or any control on your suggestion,
but using textalignment with text align right or rtl - right to left- didn't work.
Both has problems, I'm using mask of "###,###,###,###,###"
Unfortunately both right to left or textlighn not working correctly

I want to enter numbers from the right, separating 3 digits from right with commas.

Bug report

Calling insertRow multiple times over many sheet data causes a slower performance since 2020.1.219.

Reproduction of the problem

http://dojo.telerik.com/EBEtaFOj (2020.1.114)

1. Click the Add Rows button and wait for the alert.

Current behavior

http://dojo.telerik.com/UJAGUgAl

Bug report

A server side exception:
System.OverflowException: 'Value was either too large or too small for a Double.'
is thrown on attempting to serialize an existing .pdf file converted to FixedDocument.

Reproduction of the problem

1. Use the DPL Processing demo of the PDFViewer in the MVC demos project.
2. Instead of the default sample.pdf load the Development Plan.pdf file provided in Ticket ID: 1467984

public ActionResult GetInitialPdf(int? pageNumber)
{
    //exception with Development plan.pdf file:
    string filePath = Path.Combine(Server.MapPath("~/Content/web/pdfViewer"), "Development Plan.pdf");
    //it works with the sample.pdf file:
    //string filePath = Path.Combine(Server.MapPath("~/App_Data"), "sample.pdf");
    FileStream stream = new FileStream(filePath, FileMode.Open, FileAccess.Read);
    JsonResult jsonResult;
    FixedDocument doc = FixedDocument.Load(stream);

    if (pageNumber == null)
    {
        jsonResult = Json(doc.ToJson(), JsonRequestBehavior.AllowGet);
    }
    else
    {
        jsonResult = Json(doc.GetPage((int)pageNumber), JsonRequestBehavior.AllowGet);
    }

    jsonResult.MaxJsonLength = int.MaxValue;
    return jsonResult;
}

Current behavior

The exception is thrown during the FixedDocument JSON serialization:

doc.ToJson()

at the following place: ConvertToList method in ArrayExtension class (Telerik.Web.PDF namespace)

Expected/desired behavior

No exceptions are thrown during serialization.

Environment

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