EDIT: Title should say *Can't* enable/disable DropDownList rather than *Can*
I have a Dialog component with a DropDownList and a MultiSelect. When no items are selected in the MultiSelect, I want the DropDownList to be disabled. I've set it up like so:
<TelerikDropDownList Data="@Data" @bind-Value="@SelectedValue" Enabled="@IsEnabled"/>
<TelerikMultiSelect Data="@SelectData"
TextField="Text"
ValueField="TheValue"
OnChange="@SelectChange"
@bind-Value="@SelectValue"/>
@code {
public class MyData
{
public string Text { get; set; }
public string TheValue { get; set; }
}
private string @SelectedValue { get; set; } = "One";
private List<string> Data { get; set; } =
[
"One",
"Two",
"Three"
];
private List<MyData> SelectData { get; set; } =
[
new MyData { Text = "One", TheValue = "1" },
new MyData { Text = "Two", TheValue = "2" },
new MyData { Text = "Three", TheValue = "3" }
];
private List<string> SelectValue { get; set; } = [];
private bool IsEnabled = false;
private void SelectChange()
{
IsEnabled = SelectValue.Count > 0;
}
}
When I put the DropDownList and MultiSelect directly into a Dialog, this doesn't work. Specifically, when I add items to the MultiSelect, the DropDownList doesn't get enabled. However, when I move this exact same code into a separate component and then embed THAT component into the Dialog, then it does. Any ideas why that would be?
I have a reproduction of the issue here: https://github.com/kbaley/TelerikBlazor/blob/main/TelerikBlazor/TelerikBlazor.Client/Pages/Home.razor
EDIT: I've tried calling StateHasChanged in the SelectChange handler but it doesn't change the behaviour.
Is there a way to set a default title when a day is clicked to add new event in the Telerik Scheduler? And to set the IsAllDay to true by default? I only need to do this when calendar is double-clicked to add new event.
Thanks,
Toya
I'm trying to use the Telerik and Kendo UI Accessibility Utilities in my Blazor application.
I've followed the instructions at https://www.telerik.com/design-system/docs/utils/get-started/installation/ to install the npm package, it I'm unclear how to access this from my Blazor application.
Looks like I need to add a stylesheet link, but I can't figure out the syntax.
Is there a way to use the recurrence editor without using the scheduler. I want to utilize the editor during configuration of auto-replenishing inventory. For example, hourly tickets for an event. For this I want to use the recurrence editor as a type of rule configurator instead of a full scheduler.
Is there a way to navigate the time slots of the scheduler using only the keyboard? The scheduler in the UI for Asp.NET Ajax had this ability. Without this, how does a keyboard only user navigate the scheduler to add new appointments?
Thanks,
Mike
Hi folks,
I would like to show some icon next to a column that indicates that the column can be sorted or not. I have set the Sortable="true" at the grid level and for one of the grid column the sortable is set as false.
Any suggestions on how to implement this feature?
Thanks,
Bimal
I've created a custom GridColumn component with special formatting like so:
<GridColumn Field="@Field" Title="@Title" Width="@Width">

 <Template Context="context">

 @FormatValue(context)

 </Template>
</GridColumn>

When I place this within a <GridColumns> element (within a <TelerikGrid>) it always appears last. I'm pretty sure it's related to this issue but I don't quite follow the solution. The first one says to put the custom component directly in the grid tag. As in directly under <TelerikGrid> rather than within <GridColumns> (where I have it now)?
I having the same issue with a custom <DropDownMenuItem> component in that it always appears last no matter where I place it within the <DropDownButtonItems> in a <TelerikDropDownButton>. This isn't quite as critical because all of my button items are custom components so I can arrange them properly. But the GridColumn is mixed with other normal GridColumn components and I'd rather not have to create custom components for all of them.
Any thoughts? This is .NET 9 with Telerik UI for Blazor 7.1
<TelerikComboBox
@bind-Value="@SelectedId"
FilterOperator="@filterOperator"
Data="@ParticipantsDDL"
TextField="@nameof(ParticipantDDL.CodeName)"
ValueField="@nameof(ParticipantDDL.Id)"
Placeholder="Select/enter a participant code or name."
Width="40vh"
DebounceDelay="200"
OnChange="@OnComboValueChanged"
Filterable="true">
</TelerikComboBox>
@if (SelectedId > 0)
{
<PDParticipant ParticipantId="@SelectedId" />
}
private void OnComboValueChanged(object newValue)
{
SelectedId = (int)newValue;
StateHasChanged();
}
Hey,
I am working on a Telerik for Blazor UI project and I'm really liking alll the Telerik features so far. However, when there are too many data points on my graph, the x axis becomes really hard to read, so I added a feature to scale the number of visible x-axis categories based on the number of intervals.
For this purpose, I was hoping to add a feature so that when one zooms into the graph, more of the x-axis intervals become visible based on how many can comfortably fit on screen. To this end, I need to know how much a user has zoomed in so that I can scale things accordingly. However, from all I can find online, there is no way to query a TelerikChart for how zoomed in you are. I might be missing something, but in case I am not, I think this feature could be very helpful so that one can add events based on the zoom in and have things change accordingly.
Thanks