Bug report

Regression introduced in R2 2020. Possibly related to #5467

Reproduction of the problem

1. Set up a ComboBox that uses virtualization:

<input id="orders" style="width: 100%" />

<script>
    $(document).ready(function() {
        $("#orders").kendoComboBox({
            dataTextField: "ProductName",
            dataValueField: "ProductID",
            virtual: {
                itemHeight: 26,
                valueMapper: function(options) {
                    $.ajax({
                        url: "Home/Orders_ValueMapper",
                        type: "GET",
                        dataType: "json",
                        data: convertValues(options.value),
                        success: function (data) {
                            options.success(data);
                        }
                    })
                }
            },
            height: 520,
            dataSource: {
                transport: {
                    read: {
                        url: "Home/Virtualization_Read",
                        dataType: "json" 
                    }
                },
                schema: {
                    model: {
                        fields: {
                            ProductID: { type: "number" },
                            ProductName: { type: "string" },
                        }
                    },
                    data: "Data",
		    total: "Total"
                },
                pageSize: 80,
                serverPaging: true,
                serverFiltering: true
            }
        });
    });

    function convertValues(value) {
        var data = {};

        value = $.isArray(value) ? value : [value];

        for (var idx = 0; idx < value.length; idx++) {
            data["values[" + idx + "]"] = value[idx];
        }

        return data;
    }
</script>

2. Return an empty collection:

public ActionResult Virtualization_Read([DataSourceRequest] DataSourceRequest request)
{
    return Json(GetProducts().ToDataSourceResult(request), JsonRequestBehavior.AllowGet);
}

public IEnumerable<Product> GetProducts()
{
    var products = Enumerable.Range(0, 0).Select(i => new Product
    {
        ProductID = i,
        ProductName = "ProductName" + i
    });

    return products;
}

3. Focus the ComboBox input and press Down Arrow

Current behavior

A request to the Read action is sent with the following parameters:
http://localhost:54962/Home/Virtualization_Read?take=0&skip=NaN&page=NaN&pageSize=0&filter%5Blogic%5D=and

The NaN value of the parameters: skip=NaN&page=NaN causes a server error:

Input string was not in a correct format.
...
[Exception: NaN is not a valid value for Int32.]

Expected/desired behavior

No exception should be thrown. In versions prior to R2 2020 a request is not sent to the server on pressing Down arrow key.

Environment

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

Bug report

The Messages option of the Telerik UI Filter is missing the options for:

• AddExpression
• AddGroup
• Close

Reproduction of the problem

1. Create a Filter widget.

2. Try to localize the messages from the above.

3. The options are missing

### Environment

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

Hello,

option Borderd(false) is not working on ListView.
If I set Borderd(false), option is generated on page:

If is set to "false", option is not generated:


But default option in "kendo.all.js" or in "kendo.listview.js" is "true":


Regards

Petr

Bug report

Reproduction of the problem

Reproducible in the demos: https://demos.telerik.com/kendo-ui/pdfviewer/index

1. Shrink the browser window so that the zoom tool goes into the overflow menu.
2. Click on the overflow button to open the menu.

Current behavior

The zoom tool is disabled.

Expected/desired behavior

The zoom tool is enabled.

Environment

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

Using Kendo through MVC creation. Create any chart with @(Html.Kendo().Chart()) code. Plug in a color into any property: Font.Color, MajorGridLines.Color, Series.Color (line, area, column), ValueAxis.Color etc. The color should be a hex string in the format of #102030. The pound character in here messes up the ToClientTemplate() method or alternatively the parsing of that finished template back on the Kendo scripts.

A workaround is to instead use rgb(16, 32, 48) since the # character is not there.

For now I added this extension method if it helps anyone who stumbles along to this.

public static string ToRgbColor(this string hexColor) {
   var color = ColorTranslator.FromHtml(hexColor);
   if (color.A == 255) {
      return $"rgb({color.R},{color.G},{color.B})";
   }
   else {
      return $"rgba({color.A},{color.R},{color.G},{color.B})";
   }
}

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

Reproduction of the problem

1. Visual Studio 2019 version 16.8.3 (or another version the extension works with)
2. Install the Scaffolder extension.
3. In a sample Terlerik ASP.NET MVC Application verify that the Kendo Scaffolder and its configuration panel work as expected.
4. Update Visual Studio to version 16.9.2.

Current behavior

The Kendo Scaffolder is no longer available in the Add New Scaffolded Item dialog.

Expected/desired behavior

The Kendo Scaffolder works as intended.

Environment

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

Bug report

When the Kendo UI Grid is configured to have endless scrolling and an item is updated on the first page, the scrollbar is reset. If an update is done on a page after the first one, the scroll is correctly persisted.

Reproduction of the problem

1. Set a grid with an endless scroll.

2. Scroll down (without entering the second page).

3. Update an item on the first page.

4. The scroll is reset.

Dojo sample for reference:

https://dojo.telerik.com/EcUKIrAK

Environment

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

Hello guys,

i used the listview widget with a client template and a flexing layout. I set some bootstrap classes in the htmlattributes (see example), but this set no longer the item container attributes, it sets only the widget wrapper attributes.

So far I haven't even noticed that the elements are no longer flexing, so I can't say which update changed this behavior. I also tried the (new?) flex settings, but this change anything in the mvc wrapper version.

@(Html.Kendo().ListView<mmvln.Models.FormularcenterModel.FormularcenterFormularModel>(Model.FormularcenterFormulars)
	.Name("listView")
	.TagName("div").HtmlAttributes(new { @class = "d-flex flex-wrap" })
	.Flex(x => x.Direction("column").Wrap("nowrap"))
	.ClientTemplateId("formular-template")
	.DataSource(dataSource => dataSource
		.PageSize(8)
		.ServerOperation(false)
		.Sort(sort => sort.Add(m => m.Description))
	)
	.Events(e => e.DataBound("formularDataBound"))
	.Pageable(p => p.Info(true).Input(true).Numeric(true).Refresh(true))
)

My workaround is some custom css for flexing.

    #listView .k-listview-content {
        display: flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

Best regards

Christian

UI Component name doesn't validate if there are spaces being used, (an expression is used for name). When spaces are used it doesn't work and throws no errors at all in web console or visual studio output window.

For example if we use an Telerik expression (like we did) as part of the name it will break if said expression returns a value with a space. Which in hindsight makes 100% sense. I think it would be beneficial to any developers in the future if there was a layer of validation that would check to see if a UI component name has a space in it which will break the component functionality. 

In the Telerik-example.png I showed what the fields Im searching by are and you can see grid 1 is loading (which is correct and will work when I continue through the process) However grid 2 simply shows/outputs nothing in the grid at all, and the name of the grid is the black underlined field. Which is breaking due to the space being there.

Bug report

When a user sets the tickPlacement as BottomRight or TopLeft for a UI for ASP.NET MVC application no matter the orientation of the Kendo UI Slider, the tickPlacement is configured to use SliderOrientation.Both.

Reproduction of the problem

Using the following code, the Kendo UI Slider's tickPlacement will be set to both:

       @(Html.Kendo().Slider()
             .Name("slider")
             .IncreaseButtonTitle("Increase")
             .DecreaseButtonTitle("Decrease")
             .Min(0)
             .Max(20)
             .SmallStep(1)
             .Tooltip(true)
             .Value(18)
             .ShowButtons(true)
             .TickPlacement(SliderTickPlacement.BottomRight)
             .LargeStep(10)    
       )

Current behavior

Here is a screencast of the behavior in action.

Environment

• For UI for ASP.NET MVC Only
• Kendo UI version: 2021.1.224

Hi Support,

In the kendo editor html format differs from the browser. please find below screenshot, dojo link and html file imported to editor.

When html file imported to editor there is no space in between the lines.

Same html file opened in chrome browser, then proper spacing can be visible.

Please help to fix the issue asap.

Regards,

Jyotika

A recent update has revealed some strange behaviour in some (not all) grids. In the attached screenshot, the javascript for the two buttons is on display inside the toolbar. If I move them out of the toolbar, the script no longer displays.

As a workaround, I have added this to CSS:

script {
	display: none !important;
}

When the page first loads, everything looks okay...

But if I show a hidden column...

Here's what happens...

The newly shown column is circled in blue. The problem, as you can see, is that the position of the column circled in red should actually be swapped with the column to the left of it. And column #2 (ordering from left to right in the picture, starting from #1) now has an incorrect parent header ("Average") - it should be "Total". And column #4 (the one circled in red), "Constrained", should have a parent header of "Average" (that gray one in column #2).

And just FYI, if I show another column (which should also be under "Session Time [minutes]")...

...then here's what we get...

(Newly shown column circled in blue.)

But, you can see that the data columns are placed correctly. Just not the headers.

Open the demo at https://demos.telerik.com/aspnet-mvc/filemanager

right click Images in the tree and click rename. 

Change the name

select the new folder name in the tree

try to do anything with the files in that folder (rename or delete are available in the demo)

= server error 500 

the path did not update to the new path.

but if you refresh you see the folder renamed and worked (and now you can do things with the files inside)

now if you add a folder inside Images and do the same process over again it works as expected...

Bug report

The input field of the Combobox is being shifted when a "position: absolute" style is set on its initial element.

Reproduction of the problem

1. Open this Dojo example
2. Run it and see the floating "Rib Knit" text which is the input field of the Combobox

Current behavior

The input field of the Combobox is shifted when "position: absolute" style is set on its initial element.

Expected/desired behavior

When setting "position: absolute" style on ComboBox initial element the whole component should be shifted according to the set "top, bottom, left, right" parameters.

A possible workaround that could be applied in the above linked Dojo is the following one:
$("#comboboxA").getKendoComboBox().input.css("position", "static");

Here is the modified Dojo with correctly working Combobox with "position: absolute" style is set on its initial element.

Environment

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

Hello,

In working with the FloatingActionButton in release 2021.1.121, I have found that calling "show" after a call to "hide" does not result in the button being displayed again. It seems that the call to show is not removing the k-hidden class.  This Dojo[1] shows the code that I am working with.

Thank you,

Sean

[1] https://dojo.telerik.com/AGECOMUm

Bug report

A regression introduced in R3 2020. The issue is reproducible when editing a child task in the treelist. It works as expected when the percentComplete value is set in the timeline.

Reproduction of the problem

Reproducible in the demo.

1. In the treelist, modify the % Complete value of a child task (e.g., Design UI)

Current behavior

The % Complete value of the parent task is not updated.

Expected/desired behavior

The % Complete value of the parent task is updated.

Environment

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