Currently we have 2 SelectionMode to select from in the ButtonGroup. I would like to have a third option that is a mix betwen Single and Multiple.
This third option should work like the Multiple mode but don't allow the user to deselect all ToggleButtons, like in the Single mode at least one button is allways selected. If the user clicks on the last selected Togglebutton he will not be able to deselect it.
Please add group header template for the select components. There are two goals:
- Customize the group items' appearance.
- Implement custom behaviors, for example - batch select or unselect of all items in the group by clicking on the group header.
We'd like to track the community demand for using the Telerik Blazor components as Custom Elements.
Please share example common scenarios for such usage and list the components you want to register as Custom Elements to use in other SPA frameworks such as Angular or React.
I need to track users activity per day like this, it is possible to do with any of the current components scheduler timeline? can you provide such option/component?
Need to include different colors in the bar. We were using google charts timeline but it is discontinued.
Hi,
it would be nice to have a single button in the GridToolbar that opens the column chooser menu or something like that (popup?).
Often we need to save space in a grid and disable the menu option for the columns but then we lose the ability to choose which columns the user might want to disable. This also apply to very small columns with small header information, e.g. if you just need 2 or 3 letters to describe the column data then the menu with its three dotted button is to large.
Best Regards,
Thomas
I would really like to see a flyout control. Something like the below
This would allow me to attach a popup dialog to a control instead of just doing a dialog at the center of the screen.
This is kind of hard to explain, so please see the attached Before and After videos. In these videos, I'm using a brand new .NET 6 console app.
In the Before video, the Telerik UI for Blazor extension is disabled. After I type `Console` and hit the period, I see intellisense like I expect to.
In the After video, the extension is enabled. I'm typing the same thing and hitting period, but something interrupts the period keystroke, and it never appears. Instead, it just closes the intellisense window.
I used a new console app as an example, but it's happening in all projects. It's also happening with other keys like semicolons, spaces, and tabs. It's causing a huge amount of typos and making so I often have to hit keystrokes twice in order for them to register.
I tried doing a full reinstall of Visual Studio. Everything's fine until I install the Telerik extension, then it starts. If I disable the extension, the issue goes away.
In the Blazor DropDownList it would be great to provide custom text or template to replace the "no data" message when the Data property returns an empty collection. Often, in cascading dropdowns, an empty list occurs because a value up the hierarchy has not been chosen yet. For example, if you have dropdowns for County and City, the City dropdown will be empty until a County is selected. It would be nice if the City dropdown, in that case, could say "Please select a county first" instead of "no data".
Thanks.
<AdminEdit>
This is also applicable to the MultiSelect, ComboBox, AutoComplete.
</AdminEdit>
If the TextArea component is used within an EditorTemplate of a grid column, edit mode is always closed upon hitting ENTER. The thing is that I'm using the TextArea to allow the user to input several lines. Upon Enter the user wants to move to a new line within the TextArea and not to finish the edit mode.
Regards,
René
---
ADMIN EDIT
For the time being I can offer using the popup editing or a custom external edit form (inline or popup).
Another workaround would be to stop the keydown event propagation so the grid/treelist cannot consume it and close the cell:
<TreeListColumn Field="EmailAddress" Width="220px">
<EditorTemplate>
@{
CurrentlyEditedEmployee = context as Employee;
<div @onkeydown:stopPropagation="true">
<TelerikTextArea @bind-Value="@CurrentlyEditedEmployee.EmailAddress"></TelerikTextArea>
</div>
}
</EditorTemplate>
</TreeListColumn>
It is possible that the grid might stop handling Enter when editor templates are present so you can use the events from the custom editor as desired to invoke the save operation. This could happen through the following request: https://feedback.telerik.com/blazor/1493770-ability-to-prevent-multiple-calls-of-async-updatehandler-when-pressing-enter-in-incell-edit-mode. With or without it, it is highly likely that the approach of preventing the event propagation is the correct one because the grid cannot know what the editor template contains and handle events differently based on that.
---
For example, I want to set the Sunday day to red or any other date to a special color.
<AdminEdit>
Here is a workaround that can be used until the feature is released
<style>
.hide-calendar {
display: none;
}
.special {
color: red;
font-weight: bold;
}
</style>
<div style="width: 400px">
<TelerikDateInput @bind-Value="@DateValue" Width="90%"></TelerikDateInput>
<TelerikButton Icon="calendar"
OnClick="@( () => isClicked = !isClicked )">
</TelerikButton>
</div>
<TelerikCalendar Class="@(!isClicked ? "hide-calendar" : "")"
@bind-Value="@DateValue"
OnCellRender="@OnCellRenderHandler"
Min="@(new DateTime(2000, 1, 1))"
Max="@(new DateTime(2090, 1, 1))">
</TelerikCalendar>
@code {
private void OnCellRenderHandler(CalendarCellRenderEventArgs args)
{
if (args.View == CalendarView.Month)
{
args.Class = args.Date.Day % 3 == 0 ? "special" : "";
}
else if (args.View == CalendarView.Decade)
{
args.Class = args.Date.Year == 2020 ? "special" : "";
}
}
private DateTime DateValue { get; set; } = DateTime.Today;
private bool isClicked { get; set; }
}</AdminEdit>
It would be great if touch support could be added to the Blazor carousel component, to make it possible to swipe left and right on mobile devices. Presumably it would also drag left and right with a mouse on laptop/desktop machines.
At the moment the component isn't really usable on a modern website as it does not behave as users expect on mobile devices such as phones and tablets.
Today I submitted ticket Telerik VS 2022 Extensions break IntelliSense/typing in Visual Studio 2022 Version 17.3.4 but it doesn't show on Support Center under 'Your Support Tickets'. The only ticket that shows is from 9 months ago.
BTW, I'm reporting this thicket and previous ticket under UI for Blazor because I didn't see how to report it for the Extensions and for Support Center. Maybe that's another thing you need to look at?
Hi,
Firstly, love what you're doing with your Blazor components. I'd like to be able to add custom style to your components. For example
<TelerikTextBox Style="margin-left: 20px" />
Now of course we should be using a class for this and I know your components have a Class parameter, however what I'd like to do is something like this
<TelerikTextBox Style="@CssHelper.Margin.Top(20)" />
where the style is generated at runtime. I'm experimenting with such an approach to apply all styles, however I can't do so with a lot of your controls. Having said that, I've noticed that your animation container does have something along these lines with its ParentInlineStyle parameter.
<TelerikAnimationContainer @ref="@AnimationContainer"
Top="-72px" Left="calc(100% - 280px)" Width="300px"
AnimationType="AnimationType.SlideDown"
Class="k-popup"
ParentInlineStyle="@Style">
So just wondering if this is something you're looking at doing?
thanks
Michael.