Questions on UI for Blazor Forum

1 answer

139 views

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

Scheduler

answered on 21 Feb 2025

1 answer

253 views

How to reference @Progress/kendo-theme-utils in my Blazor Project

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.

Page Templates / Building Blocks

answered on 20 Feb 2025

1 answer

102 views

[Solved] Standalone Recurring Editor

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.

Scheduler

answered on 20 Feb 2025

1 answer

130 views

Navigate Scheduler time slots with the keyboard

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

Scheduler

answered on 20 Feb 2025

1 answer

124 views

blazor telerik grid indicate sortable column

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

Grid

answered on 19 Feb 2025

1 answer

231 views

Fluent UI with Telerik Blazor

Do you have any examples that show Fluent UI working in the same project with Telerik Blazor?

General Discussions

answered on 19 Feb 2025

1 answer

180 views

Custom GridColumn/DropDownMenuItem components always appear last

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

DropDownButton

Grid

answered on 19 Feb 2025

0 answers

178 views

Proper way to reflect changes to a child control when a Combo box in parent is changed?

I have a child component that I am trying to get to re-render when a new value on a combo box on the parent component is changed. My child control is not re-rendering to reflect the value change.

This is my current code:

 <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" />
        }

And my Handler:

   
private void OnComboValueChanged(object newValue)
    {
        SelectedId = (int)newValue;
        StateHasChanged();
    }

When I select a new value in the Combo box the SelectedId value changes on the parent page but I need to force the child control to re-render with the new code. How do I force the child control to rerender with the new data?

ComboBox

updated question on 19 Feb 2025

2 answers

228 views

Using the TelerikMenu component, is it possible to always keep the menu visible as long as the cursor is somewhere over the menu.

Hi

I'm using the TelerikMenu component with multiple nested levels of menu items. When moving the cursor from inside a nested level, to a parent level that is not in the currently selected path, the menu disappears.

View this example on REPL: https://blazorrepl.telerik.com/mIvFOglY481u2hRG05

When moving the cursor from "Item A1 - 1" to "Item A2", the menu disappears.

Because I have a large menu with multiple levels, it would improve user experience to keep the menu visible as long as the cursor hovers it. Is there any way to make this happen?

Best regards

Bram

Menu

answered on 17 Feb 2025

1 answer

103 views

How to get the date range for the current view?

How can I get the start and end dates that are displayed in the current view? I understand that there is a date changed event, but that doesn't give me the entire date range of what is currently being displayed. I'd like to use that date range to then re-query the database and only pull back the events for that specific range. I currently can't find a way to get that information.

Scheduler

answered on 17 Feb 2025