Planned
Last Updated: 06 Dec 2023 09:13 by ADMIN

I have a Grid using checkbox selection and when I un-check a row, the SelectedItemsChanged event is not firing. I'm using an async handler.

The problem appears to happen when a row is selected and then un-selected. The event is firing when it is selected but is not firing when it is un-selected.

<TelerikGrid Data="strategicLevelItems" SelectedItems="selectedStrategic" Width="100%" Height="500px"
                                 ScrollMode="GridScrollMode.Scrollable" SelectionMode="GridSelectionMode.Multiple"
                                 SelectedItemsChanged="@((IEnumerable<GetNavigationNodesModel> strategicItems) => OnStrategicSelectAsync(strategicItems))"
                                 FilterMode="GridFilterMode.FilterRow">
                        <GridColumns>
                            <GridCheckboxColumn SelectAll="true" Width="40px" OnCellRender="@GridHelpers.CenterAlign" />
                            <GridColumn Field="@(nameof(GetNavigationNodesModel.Name))" />
                        </GridColumns>
                    </TelerikGrid>

    private async Task OnStrategicSelectAsync(IEnumerable<GetNavigationNodesModel> selectedItems)
    {
        selectedStrategic = selectedItems;

        var state = tacticalGrid.GetState();

        var compositeFilter = new CompositeFilterDescriptor() { LogicalOperator = FilterCompositionLogicalOperator.Or };
        foreach (var item in selectedItems)
        {
            compositeFilter.FilterDescriptors.Add(new FilterDescriptor()
            {
                Member = "ParentId",
                Operator = FilterOperator.IsEqualTo,
                Value = item.Id
            });
        }

        state.FilterDescriptors.Clear();
        state.FilterDescriptors.Add(compositeFilter);

        await tacticalGrid.SetState(state);
    }

Planned
Last Updated: 01 Dec 2023 14:04 by ADMIN
Scheduled for 5.1.0 (31 Jan 2024) (R1 2024)

Hi Telerik Support.

I am using TelerikComboBox with Virtualization and enabled Filtering.  If I filter for a text and then scroll down, the filter text gets cleared. I am using OnRead event to populate the combo box. But the same issue is seen with local data population in the below sample code.

https://demos.telerik.com/blazor-ui/combobox/virtualization

I need to show the user the text they have entered even when they scroll down to the next page. Is there a solution for this? 

Regards

Bably

Planned
Last Updated: 30 Nov 2023 12:11 by Martin
Scheduled for 5.1.0 (31 Jan 2024) (R1 2024)

The issue is reproducible when the `AllowCustom` parameter is set to `true`.
Typing rapidly in the input field of the MultiColumnComboBox component causes the entered text to blink. Also, some of the inserted symbols are cleared.

Reproduction (if bug)

Open this demo: https://demos.telerik.com/blazor-ui/multicolumncombobox/custom-values

Try to input text rapidly into the input field.

Planned
Last Updated: 24 Nov 2023 06:29 by ADMIN
Scheduled for 5.1.0 (31 Jan 2024) (R1 2024)

The popup window is not closed when the ComboBox is disabled from code.

Reproduction code:

 

Selected value: @selectedValue
<br />

<TelerikComboBox Data="@myComboData"
                 TextField="MyTextField"
                 ValueField="MyValueField"
                 Value="selectedValue"
                 ValueChanged="@((int value) => ValueChangedHandler(value))"
                 Placeholder="Select an item..."
                 ClearButton="true"
                 Enabled="@isEnabled"
                 Filterable="true">
</TelerikComboBox>

@code {
    public bool isEnabled { get; set; } = true;
    IEnumerable<MyDdlModel> myComboData = Enumerable.Range(1, 20).Select(x => new MyDdlModel { MyTextField = "item " + x, MyValueField = x });

    int selectedValue { get; set; } = 3; //usually the current value should come from the model data

    public async Task ValueChangedHandler(int value)
    {
        isEnabled = false;
        await Task.Delay(4000); //simulate network delay

        selectedValue = value;

        isEnabled = true;
    }

    //in a real case, the model is usually in a separate file
    //the model type and value field type must be provided to the dropdpownlist
    public class MyDdlModel
    {
        public int MyValueField { get; set; }
        public string MyTextField { get; set; }
    }
}

 

Planned
Last Updated: 20 Nov 2023 16:44 by ADMIN
Scheduled for 5.1.0 (31 Jan 2024) (R1 2024)
Created by: Raventhorn
Comments: 13
Category: Dialog
Type: Feature Request
47
Would be great to have the ability to customize the text of the Dialog Factory buttons, especially for Confirmation. We could use a Custom window but all we need to do is change the buttons and the Dialogs feature is perfect.
Planned
Last Updated: 16 Nov 2023 15:48 by ADMIN
Scheduled for 5.1.0 (31 Jan 2024) (R1 2024)
Expose an OnItemRender event, which is raised for each menu item. The args will allow setting a Class, that will be applied at the topmost element of the item iteself, allowing full customization, as well as PopupClass, which is applied to the topmost element of the item popup.
Planned
Last Updated: 15 Nov 2023 07:53 by ADMIN
Scheduled for 5.1.0 (31 Jan 2024) (R1 2024)
Created by: Fredrik
Comments: 3
Category: UI for Blazor
Type: Feature Request
12

The Theme Builder contains a really nice looking Popover control, and I was a bit disappointed to discover that this doesn't seem to be documented or supported in UI for Blazor.

I realize I can probably use the Tooltip to achieve a similar effect, with two caveats:

  1. Tooltip requires of substantial CSS hacking to appear as the Popover control.
  2. The Popover closes on an explicit event, whereas Tooltip closes when it loses focus.

 

Is there any chance a Popover control is planned for a future release?

 

Planned
Last Updated: 14 Nov 2023 07:40 by ADMIN
Scheduled for 5.1.0 (31 Jan 2024) (R1 2024)
Hello,

We have a Blazor Telerik Grid with DetailTemplate. One of the columns in Master/Parent is an editable column. The grid is set with "Incell" for property 'EditMode'.

Issue:-

When the editable column is clicked for editing, the entire grid row(with detail) is collapsed if the row is in expanded mode. Once editing is completed, the grid goes back to its previous state(expanded).

Editing parent column in collapsed mode, works without any issues.

Would like to know if I can keep the grid row in expanded mode while editing(ie. keep the  original state) if its in expanded state.

If not, is it the default behavior of hierarchy grid and how can it be overridden?

Note - Tried with OnEdit and OnRowClick events, but the collapse happens before the respective event handler call.

Thanks in advance !

Sreeni
Planned
Last Updated: 13 Nov 2023 07:56 by ADMIN

The component struggles to update Local data source when it changes. I have bound it to a value, but when that value changes it is not reflected in the UI.

The issue occurs when you update the data with an entirely new collection. Calling Rebind afterwards does not help either.

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

===

ADMIN EDIT

===

A possible workaround for the time being is to dispose and re-initialize the component when the new data arrives. Here is an example: https://blazorrepl.telerik.com/cHFlaNOg49AjRPUl19.

Planned
Last Updated: 10 Nov 2023 06:55 by ADMIN
Scheduled for 5.1.0 (31 Jan 2024) (R1 2024)

The filter list item menu defined as follows do not have accessible name.  Please provide work around or fix that I can implement.

                            <TelerikGrid Data="@ViewModel.RouterAndDataLossInformation" TItem="TrafficLossSummary"
                                                        Pageable="true" 
                                                        Sortable="true" 
                                                        Groupable="false"
                                                        FilterMode="Telerik.Blazor.GridFilterMode.FilterRow"
                                                        Resizable="true" 
                                                        Reorderable="true"
                                                        Height = "100%">

Planned
Last Updated: 02 Nov 2023 19:25 by ADMIN
In a template column scenario, when the cell contains focusable elements, pressing Enter doesn't move focus to the element in the cell.
Planned
Last Updated: 31 Oct 2023 12:59 by ADMIN
Scheduled for 2024 R1 (31.01.2024)

Steps To Reproduce

  1. Install a Telerik VS extension in Visual Studio 2019/2022 on a machine with high DPI scaling (more than 150%)
  2. Try to create a new Telerik application

Expected result:

The Create New Project wizard (or any other used Telerik wizard) is shown and usable as expected.

Actual result:

The Create New Project wizard is hidden or inaccessible and the project creation is blocked.

Planned
Last Updated: 30 Oct 2023 07:13 by ADMIN
Scheduled for 5.0.0 (15 Nov 2023) (R1 PI1)

The Tooltip Template of the Gantt behaves strangely in a WASM application. It flickers and does not display any information. Reproduction in REPL which is essentially a WASM app: https://blazorrepl.telerik.com/QQFEapOg56MCIhIK48.

The issue is not reproducible in a server-side application using the same code.

Planned
Last Updated: 27 Oct 2023 07:59 by ADMIN
Scheduled for 5.1.0 (31 Jan 2024) (R1 2024)
Created by: Ryan
Comments: 0
Category: UI for Blazor
Type: Feature Request
21

Provide ability to define icons for input prefix and suffix. Thus, provide mechanism for built-in validation icon as well.

Example image with suffix icons to give you better perspective of the feature.

Planned
Last Updated: 19 Oct 2023 12:30 by ADMIN
Scheduled for 5.1.0 (31 Jan 2024) (R1 2024)
Created by: Adam
Comments: 4
Category: MultiSelect
Type: Feature Request
60

I'm seeing a scroll bar appear then disappear as I type. Repeatedly typing "a" in the box will show/hide the scroll bar. Also typing "a" then backspace has the same behavior.

<TelerikMultiSelect Filterable="true" Data="@Countries"
                    @bind-Value="@Values"
                    Placeholder="Enter Balkan country, e.g., Bulgaria"
                    Width="350px" ClearButton="true"
                    AutoClose="false">
</TelerikMultiSelect>


@if (Values.Count > 0)
{
    <ul>
        @foreach (var item in Values)
        {
            <li>@item</li>
        }
    </ul>
}

@code {
    List<string> Countries { get; set; } = new List<string>();
    List<string> Values { get; set; } = new List<string>();   

    protected override void OnInitialized()
    {
        Countries.Add("Albania");
        Countries.Add("Bosnia & Herzegovina");
        Countries.Add("Bulgaria");
        Countries.Add("Croatia");      

        base.OnInitialized();
    }
}

 

---

ADMIN EDIT:

Currently, the component works the following way:

  1. User starts typing in the input of the component.
  2. Popup of the MultiSelect opens.
  3. Skeleton is shown:
  4.  Data processing starts.
  5. After the data is processed, the skeleton is replaced with the actual data.

The scrollbar is shown by the skeleton and is always present (visible on step 3). The tricky part is that If the user is typing very fast, the Blazor framework bundles 2 renderings together and thus the scrollbar is not visible. The result is that the user sees a very brief flicker with the skeleton. Adding a small delay before showing the skeleton on step 3 will prevent the user from seeing the skeleton and thus remove the impression of seeing a "flicker".

As a workaround, you can hide the skeleton with CSS. This is applicable for all "select" components

<TelerikMultiSelect>
    <MultiSelectSettings>
        <MultiSelectPopupSettings Class="no-skeleton"></MultiSelectPopupSettings>
    </MultiSelectSettings>
</TelerikMultiSelect>

<TelerikComboBox>
    <ComboBoxSettings>
        <ComboBoxPopupSettings Class="no-skeleton"></ComboBoxPopupSettings>
    </ComboBoxSettings>
</TelerikComboBox>

<style>
    .no-skeleton .k-skeleton {
        display: none;
    }
</style>

---

Planned
Last Updated: 17 Oct 2023 13:50 by ADMIN

When using Vertical Grouping by multiple resources and Timeline View, the group rows without appointments do not have min-height as the rest of the group rows. Thus, they appear shorter which causes an offset of the events on the next rows.

Steps to reproduce:

  1. Load Timeline View Demo
  2. Delete Charlie's event in Small meeting room

===

ADMIN EDIT

===

A possible workaround for the time being is to set min-height to all rows. Apply this style only when Timeline view is selected, so this does not break the rendering of the other views.

Example: https://blazorrepl.telerik.com/mHYmwsOt30fjTZ6a32.

 

Planned
Last Updated: 16 Oct 2023 14:25 by ADMIN
Scheduled for 5.1.0 (31 Jan 2024) (R1 2024)

Please Add DropDown Container so it will be possible to add Nested Custom Editors inside Grid Cell

Regards

Andrzej

---

ADMIN EDIT

A dropdown container we would create would be a popup that ties to its anchor and gives you a template to render your own content rather than render its own items based on Data. It cannot, however, be tied to a specific case for a grid or other editor, it will be up to the developer to use the container and tie it to the application logic.

It should also expose events like PopupShowing (preferred to also cater for keyboard navigation) or ExpandClick so you can know when it is going to be expanded and, for example, fetch fresh data for scenarios with highly volatile data (example here).

---

Planned
Last Updated: 16 Oct 2023 13:31 by ADMIN
Scheduled for 5.1.0 (31 Jan 2024) (R1 2024)
Created by: Puneet
Comments: 4
Category: Grid
Type: Feature Request
22
Hi, I am looking for a Cell Click event in a grid to find out on which cell is exactly clicked.
Planned
Last Updated: 20 Sep 2023 08:20 by ADMIN
Created by: Alois
Comments: 11
Category: UI for Blazor
Type: Feature Request
98

When is Spreadsheet for Blazor available or can i use Kendo Spreadsheat?

Regards

Alois Seidler 

Planned
Last Updated: 06 Sep 2023 07:02 by ADMIN
Scheduled for 4.5.0 (08/30/2023) (R3 PI2)
Created by: Jason
Comments: 3
Category: Tooltip
Type: Bug Report
2

I need to make a tooltip more accessible.

---

ADMIN EDIT

The first thing you can do is use the aria-describedby on the tooltip targets and use its value in the tooltip Id parameter to help screen readers. It is up to the screen reader to detect the change in the DOM and read out the new content.

This item is to add attributes to the tooltip such as role="tooltip", aria-live="polite", role="presentation", aria-hidden="false". The exact attributes will depend on more detailed research and may differ from what I have listed here.

---

1 2