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]

Hi there,

We've just hit a strange issue.  We have a DropDownList called "Title" that displays "Mr", "Mrs", "Ms" etc.  However, we sometimes noticed that the Title submitted to the form was "LoanBorrower".  This was strange as the only place "LoanBorrower" existed was in the MVC back end of the page with "ViewBag.Title = "LoanBorrower".

It appears that if the ViewBag has an entry with the same name as a Kendo form element, the elements default value is being set as the value in the ViewBag.

I have tried this with ViewBag entries other than Title, and the result is the same.

To Reproduce

At the top of my "Borrower.cshtml" page I have the following:

@{
    ViewBag.Title = "LoanBorrower";
}

Kendo DropDownList

I stripped the DropDownList down to the bare minimum and still had the problem:

@Html.Kendo().DropDownListFor(m => m.Title)

The control rendered as the following.  Note the value is set to "LoanBorrower" which is the value in ViewBag.Title:

<input data-val="true" data-val-length="Title must be between 1 and 20 characters" data-val-length-max="20" data-val-length-min="1" data-val-required="Select a title." id="Title" name="Title" type="text" value="LoanBorrower" />
<script>
	kendo.syncReady(function(){jQuery("#Title").kendoDropDownList({});});
</script>

Kendo TextBox

I then changed the Kendo control to a Kendo TextBox and had the same problem:

@Html.Kendo().TextBoxFor(m => m.Title)

The control rendered as the following.  Again, the value is set to "LoanBorrower":

<input data-val="true" data-val-length="Title must be between 1 and 20 characters" data-val-length-max="20" data-val-length-min="1" data-val-required="Select a title." id="Title" name="Title" value="LoanBorrower" />
<script>
	kendo.syncReady(function(){jQuery("#Title").kendoTextBox({});});
</script>

Standard TextBox

I then changed the control to a standard HTML Textbox and no longer had the issue.

@Html.TextBoxFor(m => m.Title)

The control rendered as the following.  Note that this time, the value is an empty string which is correct.

<input data-val="true" data-val-length="Title must be between 1 and 20 characters" data-val-length-max="20" data-val-length-min="1" data-val-required="Select a title." id="Title" name="Title" type="text" value="" />

I just upgraded to the latest Telerik version.  First of all, congratulations on a job well done on the MVC Project Upgrade Wizard!  With version 2017.3.1026 it was unreliable, took hours to run, and generally locked up Visual Studio; the new version runs cleanly and quickly.

One comment:  The popup dialogs for the Upgrade Wizard do not adapt to different screen resolutions.  I see this where my primary display is high resolution (3840 x 2160) and the secondary is lower res (1920 x 1080).  The effect is that the popup dialogs are cropped if Visual Studio is running on the secondary display:  the message ("file xxx exists; do you want to overwrite?") appears, but the Yes/No buttons and "apply to all files" checkbox do not.  The only actionable option is to kill the dialog, at which point the next one pops up.  The only way I found to stop the Wizard is to kill Visual Studio through the Task Manager. 

The Wizard works perfectly on the primary high-res display.

Bob

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.