My understanding after talking to support is that a grid with a popup editor has code behind the scenes that stops adverse scrolling behavior when the popup window closes. However, under certain circumstances, this doesn't work if you have a grid nested in your popup editor that also has a popup editor. As it was described to me, this "behavior is not directly related to the Grid, but the Kendo Window. Generally, it provides the preventScroll property, but I am afraid this scenario is more complex due to the window being internally embedded into the Grid".
The exact scenario I found was that if you shrink you browser window small enough that you need to use some scrolling, scroll down your grid a little, then do something to cause the popup editor to open. Scroll down again to get to your nested grid, open that popup editor, then close it. The browser then auto scrolls to the top.
I was given this code to fix the issue (and it DOES fix it):
<script>
kendo.ui.Grid.fn._destroyEditableOrg = kendo.ui.Grid.fn._destroyEditable;
kendo.ui.Grid.fn._destroyEditable = function () {
var that = this;
if (that._editContainer) {
var kw = that._editContainer.data().kendoWindow;
kw.setOptions({
modal: false
});
}
that._destroyEditableOrg();
};
</script>
The problem is that these fields aren't documented... I would never have figured this out on my own. So my feature request is that either this behavior is fixed or these properties exposed from the Grid settings.
-Steven
PS: For Telerik, the original ticket was 1589389.
Hi Team,
I would like to request a way to set all UI for ASP.NET MVC components to deferred without using the deferred() method for each individual component.
Thank you!
I have a Kendo Notification component on my page. When the page loads, it is possible a notification needs to show immediately. This fails because the Notification component is not ready yet. Even putting this message show inside a document.ready() call does not work. There’s no rendered event on this component to know when Kendo has it added to the DOM and it is accessible. So I ended up creating an array of messages to show. And running a setInterval block on page load until it is ready to go. Then clearing the interval and message array. It’s a work around but it is hacky and it would be better if I could subscribe to an event that tells me when the notification component can be used.
Please note the following MVC code:
Bug 1: The Window should have the top set by the Top() method. It does not.
Bug 2: The Window should have the top set by the HtmlAttributes() method. That does not work either.
Bug 3: The scrollable method also does nothing to the window. So this entire line seems to be omitted.
Bug 4: The window is supposed to be centered by the Kendo native code. It isn’t. The recurring editor div element is not shown until after the window centers. So the window generates, centers on the screen, then the recurring DIV is shown which expands the window downwards, then the window is shown. This makes it go off the bottom of the screen. I didn’t need vertical center anyways so I fixed this by setting the top to 40px. Which is when I ran into the above issues. However if I was not doing this, the center() issue would still be there. I fixed this in JavaScript on the event’s edit event.
Hi Team,
We need a solution for the below issue
On Telerik grid when we do filter options (server side) on multiple columns the grid adding the
SQL keywords in filter logic like “and, or, where “like…
Our WAF (web application firewall) is stopping these keyworks as part of the application security.
We have created a ticket on this issue (Support ID:1584292) , support team has provided some custom solutions but
Those are not working.
Can we have any feature in the grid which can do encryption of SQL keywords while passing it
To the server.
Thank you.
Font Awesome has an icon stacking feature: https://fontawesome.com/docs/web/style/stack It allows easier alignment, size and color customization of sets of icons. It would be nice, if a similar functionality is implemented for the Kendo UI web font icons.
.HtmlAttributes(new { @class = "test" })
The custom class is not applied to the TileLayout.
The custom class is applied to the TileLayout along with the pre-defined Kendo classes.
In the Text Editor, I would like to suggest an upgrade to "Insert hyperlink". It would be great if you would split out the prefix from the address and have a selector that allows the user to choose website, email, or phone. Selector: Website/Email/Phone Address:sales@kendoui.com Text: Kendo UI Tooltip: Click Here Open Link in new window: No Results: <a href="http://www.kendoui.com">Kendo UI</a> <a href="mailto:sales@kendoui.com">Kendo UI</a> <a href="tel:8883652779">Kendo UI</a>
I believe your Ajax editor does this already, so can it please be added to the MVC one?
Also, we have just moved from a different editor to Telerik's, and the previous one did have this feature. Thanks!
I'm using the ClientTemplate-Feature to render buttons for CRUD-actions in grids. For one entity I have to use a TreeList instead of a Grid due to parent-child relations. It would be great if I could use the same templates I use for the grid for the treelist as well.
Example:
columns.Bound(x => x.UserName)
.ClientTemplate("<a href='" + Url.Admin().Account() + "/#= Id#/edit'>#= UserName #</a>")
.Width(300);
Hi Team,
I'd like to request the functionality to directly include encrypted user credentials within the nuget.config. I understand it is a limitation currently, but I would like to see change potentially in the future.
Thank you!
After using setOptions() the HTML structure of Grids column header is different.
In the following demo:
https://demos.telerik.com/aspnet-mvc/grid/persist-state
When the button is clicked, setOptions() called for the Grid and the structure of the column headers is now different.
When setOpitons() is called with no options that may affect the headers the HTML structure of the column headers should be the same.
Hello,
I want to be able to right-click on a specific row-column and filter the rows using the value that appears from that row-column combination.
Instead of only having the filtering ability on the top of the column, have a way to filter a column in the middle by using, for example, the mouse right-click.
Regards,
Nuno Araújo
If I specify "SortMode.Mixed" for a Grid's "SortMode" (via the .Sortable fluent method), the sort mode in the JavaScript initializer is set to "multiple" instead. This can even be seen on the MVC Demo page here: https://demos.telerik.com/aspnet-mvc/grid/sorting (the "mixed" demo behaves just like "multiple").
In the Kendo MVC source code for 2022.1.301, the GridSortableSettings.Serialize method appears to use the following logic:
if (SortMode != GridSortMode.SingleColumn)
{
json["mode"] = "multiple";
}
Hi Team,
I would like to request the functionality to configure the FilterDescriptor's Member as a List rather than a field.
Thank you!
Hello,
During the completion of my ticket (1556993) it was suggested I request a feature and explain its purpose.
The a large grants accounting system I've built, management has requested the ability to control access to, and apply permission upon pages and features within the site.
For example, in the Federal Grants page with a grid using popup template editor, I need to limit display of the default create button, while displaying the rest of the toolbar.
Similarly, I to limit display of the edit and delete buttons individually.
I'm applying such constraints using custom roles with user membership in each roles.