After pinning an element, it goes to the side toolbar. I would like that if clicking on the name of elements in the toolbar pins them to the original position.

Any transitioned event from a child element, like a radio button or button with a CSS transition, bubbles up to the TelerikWindow, triggers StateHasChanged on the window, which causes a re-render and leads to OnParametersSet being called.

Reproduction example: https://blazorrepl.telerik.com/wzEhnvOL011iIhls25.
To reproduce the issue:

1. Open the Window
2. Hover the Submit button or...
3. Hover the arrow buttons of the NumericTextBox or..
4. Select a new RadioGroup value

The NumericTextBox value is the OnParameterSet counter.

Hy,

It is possible to have default color themes (Primary,Dark,Info,Error,...) for Telerik Blazor Grid component as well without having to change the color by css overriding?

Description

Changing the "day" part of the DatePicker value is inconsistent.

Steps To Reproduce

Run this example: https://blazorrepl.telerik.com/QfOLwTvp03DVHJ4C35

1. Click on the "day" part of the DatePicker input and enter 22032025. The result is: 22-03-2025.
2. Click the "day" part again and enter 02.

Actual Behavior

The value changes to: 20-02-2025.

After the initial unsuccessful attempt to change the day to 02, subsequent attempts will work as expected. You may re-focus the "day" part and type 02.

Expected Behavior

The value should change to 02-03-2025.

Browser

All

Last working version of Telerik UI for Blazor (if regression)

No response

1. Activating the second tab leads to its header having the focus (correct).
2. Using the tab key, the focus changes to the second tabs content (correct).
3. Using "Shift + Tab", the focus changes back to the header row, but to the first tab header (incorrect, the second tab header should be focused).
4. Using the right arrow key, the focus changes to the third tab header and this tab gets activated (actually correct, but confusing considering the previous point).

The problem is caused by the tab index of the tab headers not being updated properly. The first one seems to have 0 at all times, while all others stay at -1. Instead, the active tab header should have tab index 0, while all others get -1.

Hello,

I am experiencing a crash when trying to remove a FilterField from a TelerikFilter component when using it inside a TelerikDialog. From what I understand, the documentation for the TelerikFilter is out of date ('TelerikFilter.ValueChanged' is obsolete: 'Use OnUpdate instead.') so I did my best trying to put the piece together.

The TelerikFilter code is based on the updated Telerik sample provided here: 'TelerikFilter.ValueChanged' is obsolete: 'Use OnUpdate instead.' but updated based on the documentation for "Filter in a Dialog" provided here: Blazor Dialog Integration - Telerik UI for Blazor

Here is my code:

 <TelerikDialog @ref="@DialogRef" Visible="@ShowDialog" Width="600px" Title="My Dialog" VisibleChanged="@WindowVisibilityChangeHandler">
     <DialogContent>
         <TelerikFilter Value="@Value" OnUpdate="@((value) => OnFilterUpdate(value))">
             <FilterFields>
                 <FilterField Name="@(nameof(Person.EmployeeId))" Type="@(typeof(int))" Label="Id"></FilterField>
                 <FilterField Name="@(nameof(Person.Name))" Type="@(typeof(string))" Label="First Name"></FilterField>
                 <FilterField Name="@(nameof(Person.AgeInYears))" Type="@(typeof(int))" Label="Age"></FilterField>
             </FilterFields>
         </TelerikFilter>
   </DialogContent>
   <DialogButtons>
    <TelerikButton OnClick="@(() => ResetDialogState())">Cancel</TelerikButton>
    <TelerikButton ThemeColor="@(ThemeConstants.Button.ThemeColor.Primary)" OnClick="@(() => PrimaryAction())">Confirm</TelerikButton>
</DialogButtons>
</TelerikDialog>

@code {
private CompositeFilterDescriptor Value { get; set; } = new CompositeFilterDescriptor();

private void OnFilterUpdate(object filter)
{
    if (filter is null)
    {
        return;
    }
    Value = (CompositeFilterDescriptor)filter;
    DialogRef.Refresh();
}

public class Person
{
    public int EmployeeId { get; set; }
    public string Name { get; set; } = string.Empty;
    public int AgeInYears { get; set; }
}
}

The TelerikFilter renders fine and I can add Filters by clicking the "Add Expression" button. However, when I try to remove a filter that was added, I click on the X button on the right. The first time, nothing happens. When I click a second time, I get this error:

 Unhandled exception rendering component: Index was out of range. Must be non-negative and less than the size of the collection. (Parameter 'index')
      System.ArgumentOutOfRangeException: Index was out of range. Must be non-negative and less than the size of the collection. (Parameter 'index')
         at System.Collections.ObjectModel.Collection`1.RemoveAt(Int32 index)
         at Telerik.Blazor.Components.Filter.FilterGroup.OnFilterRemove(Int32 index, String removedFilterId)
         at Microsoft.AspNetCore.Components.ComponentBase.CallStateHasChangedOnAsyncCompletion(Task task)
         at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task taskToHandle, ComponentState owningComponentState)

I also have attached a video of the issue to this ticket.

Is this a bug? If not, can you point me in the right direction?
Thanks,

Mathieu

Currently the bubble sizes in the Chart are determined automatically, according to an internal algorithm.

Please add parameters for setting specific min and max bubble sizes by the application.

This currently happening in both my application, and in some of your demos.  If you set the focus to one of the tabs in the tabstrip, and then hit the tab key on the keyboard, it should set focus to the tabstrip content itself.  However, in some cases it sets the focus right back to the tab, so you can never navigate off of the tab with the keyboard.  

An example of this can be seen in the Overview and Scrollable Tabs demos, but it is working in position and alignment demo.  I should also note that if I open the Overview and Scrollable demos in the Repl, it also works.  So I'm not sure what is preventing it on the demo pages themselves.  Any help would be appreciated, since the same thing is happening in my projects after I upgraded the Telerik controls to v9.x.  Here are the demo links that I'm referring to.

https://demos.telerik.com/blazor-ui/tabstrip/overview

https://demos.telerik.com/blazor-ui/tabstrip/scrollable-tabs

When copy-pasting a cell from Excel to the Spreadsheet, our component then generates an invalid horizontal alignment value, which does not conform to the document format specification:

<alignment horizontal="start" vertical="bottom" />

The valid values for horizontal do not include start: 

<simpleType name="ST_HorizontalAlignment">
	<restriction base="xsd:string">
	<enumeration value="general"/>
	<enumeration value="left"/>
	<enumeration value="center"/>
	<enumeration value="right"/>
	<enumeration value="fill"/>
	<enumeration value="justify"/>
	<enumeration value="centerContinuous"/>
	<enumeration value="distributed"/>
	</restriction>
</simpleType>

Here are the steps:

1. Copy some basic content from Excel (two text cells)

2. Paste the content to the Telerik Blazor Spreadsheet component and save the XLSX file

Sometimes with a dropdown button I would like to have Category headers or Separators to breakup the list. To accomplish a seperator it needs to be added to another existing DropDownItem. To create a category header you can style an existing DropDownItem, however it's still clickable so it becomes obvious to the user that this is a bit of a misuse of the control. Native support for Categories or Separators would be ideal, however, just having control over the click behavior and perhaps a Template property for full control over this one items rendering would make it more extensible.

Thank you,

-Andy

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!

Description

Entering/Removing spaces in between words does not trigger the ValueChanged event.

Steps To Reproduce

Run this example: https://blazorrepl.telerik.com/wzELPuOs30WSuvzv33

1. Click between the "Lorem" and "ipsum" words.
2. Press the Spacebar key a few times
3. Press the Backspace key a few times

Actual Behavior

The ValueChanged event does not fire when you enter/remove spaces in between words. It fires correctly if you break a word with a space of if you remove all the spaces in between 2 words.

Expected Behavior

ValueChanged should fire on every entered/removed space.

Browser

All

Last working version of Telerik UI for Blazor (if regression)

No response