Using the TelerikTabSrip, If the first tab is not visible when rendered, the tab content for all tabs doesnt render.

Replicated here https://blazorrepl.telerik.com/cpEWGOPk22VW8be254

If you change the code to make the first tab visible, all is well.

You can make other tabs invisible, and all is well.

 

 

I would like to have the ability to automatically resize the month view calendar row height to fit the amount of events. For example, if a user only has 1 event a day, I'd like the calendar row height to be short / compact to fit only the necessary space for that 1 event. If the user has 20 events, I'd like the row to resize so all of them fit without hiding any (see ticket Ticket 1695856). Thank you. 

I have a grid with inline-edit mode where the items have data annotations validation enabled.
When I click the grid command button "add", and then without typing in anything submit in some way, the validation jumps in as it should.

However, if I - without providing more input and still in the same item's edit mode - just click the "add" button again and then submit the item again, the incomplete item is submitted without any further validation.

This is fatal for my purpose, and I can even reproduce the issue here on the Telerik website's example repl: Blazor Grid Editing Inline Editing - Telerik UI for Blazor (after turning off the option "Confirm Cancel Commands").

I would very much appreciate any guidance on how to circumvent that bug while it ist being worked on, since I couldn't yet find a way how to do it.
(As implied above, the confirmation prompt does prevent the bug, however I don't want to use a prompt if possible.)

Here's a list with some cases concerning this bug:
- tap add, submit => validation
- tap add, tap add, submit => submitted!
- tap add, submit (=> validation), tap add, submit => submitted!

Greetings to the team!

The agenda view is great.  I would just like a Template for the Event column.  It would be great if I could add a button in their that could load the event.

This is a feature request for the port of the Image Editor to Blazor.

Hi Team,

It might be a better user experience if the user does not have a valid license key to either:

a) make it clear that if the downloader does not have a license assigned the downloaded license key will not be valid

or

b) do not let anyone without a license assigned download the key file (that seems preferable & probably easier to implement)

Thank you!

In our application we use some large datasets and present them in a TelerikGrid. We use WPF + Blazor Hybrid and noticed, that in some cases the memory usage of the Web View process grows up to some gigabytes.

Here a screenshot of the task manager with a lot of RAM usage for the web view.

Here a screenshot of the detached DOM elements after a two navigations. The container divs are not garbage collected.

I tracked down the issue to come from the TelerikGrid, because when I remove it from the pages, everything runs fine. I also removed all GridColumns and the issue is still present. In the developer tools I noticed that one of the parent div elements remains in memory every time I navigate back and forth.

I also created a blank Blazor WebAssembly Standalone application and added a simple instance of the grid. Here, the issue is also present. I attach the one blazor page that causes the issue.

I've tested all major versions from 5.1 upwards, every version is affected.

I would like to be able to customize the keyboard shortcuts in all applicable components in the Telerik UI for Blazor

There is a date picker bug where if you change the value to something invalid (ex: backspace the date or a portion of it), it will still be bound to the previous date value selected. If you click the picker and select the same date again, it will not register it as a date change and will not fire the value changed event. This causes the field to still show as invalid. To the end-user, it looks as if there is a problem and is telling them it is invalid. I had a customer notice this and they kept trying to reselect the date but nothing would happen. 

They eventually typed it manually to fix, which is one way that I agree can be used to resolve. You can also select the wrong date, followed by the right date to get around, but that is a horrible workaround. 

What I believe the experience should be is that when selecting the value in the date picker, regardless of what it thinks is in the field, it should fire the change event and update the text of the field to the date selected (and clear the validation message). That is what I'd like to see as a future change. Note that this happens on ValueChanged, but not OnChanged. OnChanged fires too late though, and doesn't work for most workflows.

We put in a hack solution in some operator UIs where it is very important to not have this happen, but it is a pain to do this for every picker, so most in the system are unhandled. 

The solution was to have OnOpen and OnBlur both manually trigger ValueChanged (which ends up sending default - 1/1/1901) using a reference for the control. This helps us differentiate if it is these events vs an actual date change. When it is OnOpen/OnBlur, we then reupdate the value in the reference and refresh. Note that you end up having to do this twice to "trick" the telerik logic. So we change to default, refresh, and then change to the correct (or last good value - what is already bound) and refresh. Basically now when they leave the field or click the picker, if there is an invalid value and message, it clears and gets replaced with the last good date. If there is a valid date, it does nothing from the user perspective.  

It will be nice to have chart wizard on Blazor also

I have been trying to improve my Lighthouse score with Google and one of the items it is tagging is the "telerik-blazor.js" file.  I have seen new practices where the JavaScript is imported as needed, see this article here from Microsoft.

Can you please consider this in the future?

===

Telerik edit: A possible workaround is to build the Telerik JavaScript file without some of the components that you don't need.

I am using MS Playwright to create End2End tests. It worked fine when we used MudBlazor, but after we migrated to telerik I have run into a problem with the TelerikDropDownList.

It stops working if you open it too fast. It goes into a state where no matter what you do (Rebind/changing data bound values etc.), it will not open and show items.

It can be reproduced easily by calling .Open() in OnInitializedAsync()

I have reproduced it without MS Playwright in REPL, so you can easily debug it.

https://blazorrepl.telerik.com/QIOUYoPc57iQKy6702

If you uncomment the await Task.Delay(3000); the code will work.

Expected behavior:
It is ok that Open() does nothing while the control is initializing. It is not ok that just because you called Open() once, then you are forever stuck without being able to open it later, no matter how long you wait or what you do with the items.

I do not want to insert random Delays in my code either as I expect the TelerikDropDownList to not malfunction just because I open it too early.

I hope you can prioritize this as right now the DropDownList is not usable for us.

In the Appearance section of the ContextMenu component documentation on the Progress Design System Kit website (https://www.telerik.com/design-system/docs/components/contextmenu/#size), it is stated that:

The ContextMenu provides the size configuration option that enables you to control how big or small the rendered submenu items in the popup will be.

I’ve observed that this functionality is implemented in at least one library—Kendo UI for Angular (https://www.telerik.com/kendo-angular-ui/components/menus/contextmenu/appearance#size).

Is there a plan to introduce support for the Size parameter in the ContextMenu component of the Telerik UI for Blazor library?

Making a feature request for functional parity to help people converting older Telerik versions. There is currently FilterMenuType.CheckBoxList and FilterMenuType.Menu, it would be useful to have a built in option for FilterMenuType.Both which is akin to the below examples so people can maintain user experience without having to install a <FilterMenuTemplate> into every column of every grid they use.

(https://docs.telerik.com/devtools/wpf/controls/radgridview/filtering/basic)


(https://docs.telerik.com/devtools/winui/controls/raddatagrid/filtering/datagrid-overview)

The desired use case is to have the ColumnChooser as a separate component that is not dependent and opened from the menu of a specific column. I want to have the ability to open the ColumnChooser from a button in the Toolbar, for example.

The problematic behavior can be reproduced in the following case:

• The DropDownList is at the lower part of the page, so the popup is rendered on top of the main element.
• The popup height is set to "auto".

In this scenario, when the user filters, the popup position remains unchanged but its height is reduced to fit the filter results. Thus, the popup looks detached from the main element. The behavior is not the same when the popup is rendered below the main element as in this case its top part sticks to the main element.

Reproduction: https://blazorrepl.telerik.com/mpEHGzOt25F1Znxi57.

===

ADMIN EDIT

===

As a workaround for the time being, you can ensure that the popup has a fixed height, so it does not collapse when there are less items to show. You may keep the default popup height or set your desired one through the settings tag. For example: https://blazorrepl.telerik.com/mpYdcfaN38JvIHgP41.

We use QueryableExtensions.ToDataSourceResultmethod to load some data in our component. And at some moment we need to cancel data loading. But ToDataSourceResult method doesn’t support CancellationToken. So we are forced to use a workaround and just ignore the task's result. But task is still executing and causing the performance hit…

It would be great if you implemented support for this feature!

Add support for DateOnly and TimeOnly properties to the ToODataString() method in the DataSourceExtensions namespace.

===

TELERIK NOTE

@Steven I forked this thread from the already complete feature request Provide support for DateOnly and TimeOnly structs for the respective pickers

Currently DateOnly and TimeOnly types are not supported by the ToODataString() method. As a result, they are serialized with the default ToString() method. Please use DateTime instead or implement a custom serialization method. Downloading our source code and using the built-in method as a base is also an option.

===

ORIGINAL POST

Would you have any updates regarding this support for early 2024?
 
My main issue regarding this at the moment is:
- My Backend returns DTOs with DateOnly properties.
- I wish to use these properties in a grid
- So far... So good... We can see the items etc... But then...
- We want to filter these properties...
- When we get the OData query... Our DateOnly is not in the correct ISO format... As there's no support for those in DataSourceExtensions.cs
 
I already tried solving this by creating my own GridColumn type, but I'm afraid there's nothing I can do about the OData serialization without just writing our own DataSourceExtensions... At which point we're just making it confusing for other developers needing to include this...

public class DateOnlyGridColumn : GridColumn
{
    private DateOnly? _filterValue;
    public DateOnly? FilterValue
    {
        get => _filterValue;
        set
        {
            if (_filterValue != value)
            {
                _filterValue = value;
                StateHasChanged();
            }
        }
    }

    public DateOnlyGridColumn()
    {
        DisplayFormat = "{0:dd/M/yyyy}";
        FilterMenuTemplate = FilterMenu;
        FilterMenuButtonsTemplate = FilterButtons;
    }

    private RenderFragment<FilterMenuTemplateContext> FilterMenu => (context) => (builder) =>
    {
        builder.OpenComponent<TelerikDatePicker<DateOnly?>>(0);
        builder.AddAttribute(0, "Value", FilterValue);
        builder.AddAttribute(2, "ValueChanged", EventCallback.Factory.Create<DateOnly?>(this, (value) => FilterValue = value));
        builder.CloseComponent();
    };

    private RenderFragment<FilterMenuTemplateContext> FilterButtons => (context) => (builder) =>
    {
        // Filter button
        builder.OpenComponent<TelerikButton>(0);
        builder.AddAttribute(1, "OnClick", EventCallback.Factory.Create<MouseEventArgs>(this, async () => await ApplyFilter(context)));
        builder.AddAttribute(2, "ThemeColor", ThemeConstants.Button.ThemeColor.Primary);
        builder.AddAttribute(3, "ChildContent", (RenderFragment)(childBuilder =>
            childBuilder.AddContent(0, "Filter")));
        builder.CloseComponent();

        // Clear button
        builder.OpenComponent<TelerikButton>(4);
        builder.AddAttribute(5, "OnClick", EventCallback.Factory.Create<MouseEventArgs>(this, async () =>
        {
            FilterValue = null;
            await context.ClearFilterAsync();
        }));
        builder.AddAttribute(6, "ChildContent", (RenderFragment)(childBuilder =>
            childBuilder.AddContent(0, "Clear")));
        builder.CloseComponent();
    };

    private async Task ApplyFilter(FilterMenuTemplateContext filterContext)
    {
        if (filterContext == null || string.IsNullOrEmpty(Field) || !FilterValue.HasValue)
            return;

        var filter = new FilterDescriptor
        {
            Member = Field,
            MemberType = typeof(DateOnly),
            Operator = FilterOperator.IsEqualTo,
            Value = FilterValue.Value, //.ToString("o") Convert to ISO-8601 format
        };

        filterContext.FilterDescriptor.FilterDescriptors.Clear();
        filterContext.FilterDescriptor.FilterDescriptors.Add(filter);
        await filterContext.FilterAsync();
    }
}

Hi,

I would like to have a Expand/Collapse All Grid Groups button in the Grid Header. I know this is possible to do so programmatically outside of the grid but my users want it inside the Grid. 

Thanks,

Humayoon

When a user hits the ENTER key at the end of their typing and expects the full text to be submitted, they potentially have partial text being submitted (depending on how quickly ENTER is hit). We know the general accepted solution is to set the DebounceDelay to zero, but we are using two-way binding with state management that results in a very laggy/delayed experience while typing is this is done.

Please allow pressing Enter or blurring the input to short-circuit the debouncing.

===

ADMIN EDIT

===

This request applies to all inputs - NumericTextBox, TextBox, TextArea, etc.