I have a requirement to conditionally disable all controls in a TelerikForm. There a multiple ways to do that but what seems like the easiest to me is to wrap the form as such:

<fieldset disabled>

    <TelerikForm>...

</fieldset>

I have buttons, text boxes, date pickers and drop down lists in my form. All of the controls get disabled except for the drop downs. Is there a simple way to do this so the drop downs will get included? I know I could do this through javascript or whatever but it just struck me as weird that most of the Telerik controls are disabled except for the drop downs.

Thanks.

Hi,

We have a type that we are trying to bind to a column chart. The chart fails to bind if the properties are decorated with JsonPropertyName attribute. Remove the attribute the data binds Ok. Is there a work around that allows us to keep the attribute decoration?

<TelerikGridLayout>
    <GridLayoutColumns>
        <GridLayoutColumn Width="60%"></GridLayoutColumn>
        <GridLayoutColumn Width="40%"></GridLayoutColumn>
    </GridLayoutColumns>
        <GridLayoutItems>
        <GridLayoutItem Column="2">
            <TelerikChart>
                <ChartSeriesItems>
                    <ChartSeries Type="ChartSeriesType.Column" Name="Successful" Data=transactionByDateResponse2 Field=@nameof(TransactionSummaryResponse2.SuccessfulCount) CategoryField=@nameof(TransactionSummaryResponse2.TransactionDate)>
                        <ChartSeriesStack Group="ChartSeriesType.Column" />
                    </ChartSeries>
                    <ChartSeries Type="ChartSeriesType.Column" Name="Failed" Data=transactionByDateResponse2 Field=@nameof(TransactionSummaryResponse2.FailedCount)>
                        <ChartSeriesStack Group="ChartSeriesType.Column" />
                    </ChartSeries>
                    <ChartSeries Type="ChartSeriesType.Column" Name="Vend Failed" Data=transactionByDateResponse2 Field=@nameof(TransactionSummaryResponse2.VendFailedCount)>
                        <ChartSeriesStack Group="ChartSeriesType.Column" />
                    </ChartSeries>
                    <ChartSeries Type="ChartSeriesType.Column" Name="Expired" Data=transactionByDateResponse2 Field=@nameof(TransactionSummaryResponse2.ExpiredCount)>
                        <ChartSeriesStack Group="ChartSeriesType.Column" />
                    </ChartSeries>
                </ChartSeriesItems>
                <ChartLegend Position="ChartLegendPosition.Bottom"/>
            </TelerikChart>
        </GridLayoutItem>
    </GridLayoutItems>
</TelerikGridLayout>

I have a telerik grid and the user-select-none and k-user-select_none css is getting applied to the grid preventing text selection but for the life of me I can't figure out why that's getting applied. I have grids in other applications where that doesn't get applied so why this one? What causes the grid to apply that css? The grid setup doesn't seem to be materially different between applications so any guidance would be appreciated.

Hello.

I'm having an issue with the Scheduler not firing it's OnUpdate event, OnDelete does. Tested with breakpoints, the Update handler is not breaking.

Here is my markup:

<Telerik.Blazor.Components.TelerikScheduler Height="500px"
											Data="@InternalTasks" @bind-Date="@StartDate" @bind-View="@CurrView" AllowCreate="false" AllowDelete="false" AllowUpdate="true"
											TitleField="@(nameof(ProjectTaskDto.DisplayTitle))"
											DescriptionField="@(nameof(ProjectTaskDto.Title))"
											TItem="ProjectTaskDto"
											OnUpdate="SchedulerUpdate">
	<SchedulerViews>
		<Telerik.Blazor.Components.SchedulerDayView></Telerik.Blazor.Components.SchedulerDayView>
		<Telerik.Blazor.Components.SchedulerWeekView></Telerik.Blazor.Components.SchedulerWeekView>
		<Telerik.Blazor.Components.SchedulerMultiDayView NumberOfDays="10"></Telerik.Blazor.Components.SchedulerMultiDayView>
		<Telerik.Blazor.Components.SchedulerMonthView ItemsPerSlot="6"></Telerik.Blazor.Components.SchedulerMonthView>
		<Telerik.Blazor.Components.SchedulerTimelineView></Telerik.Blazor.Components.SchedulerTimelineView>
	</SchedulerViews>
</Telerik.Blazor.Components.TelerikScheduler>

And here is my razor.cs code

public partial class BasicScheduler
{
	List<ProjectTaskDto> InternalTasks = new List<ProjectTaskDto>();
	DateTime StartDate { get; set; } = new DateTime(2024, DateTime.Now.Month, 1);
	SchedulerView CurrView { get; set; } = SchedulerView.Month;

	protected override async Task OnInitializedAsync()
	{
		InternalTasks.Add(new ProjectTaskDto
		{
			Title = "Test",
			DisplayTitle = "Test",
			Type = TaskType.Foundation,
			StartDate = new DateTime(2024, DateTime.Now.Month, 14),
			EndDate = new DateTime(2024, DateTime.Now.Month, 18),
		});

		await base.OnInitializedAsync();
	}

	void SchedulerUpdate(SchedulerUpdateEventArgs args)
	{

	}
}

And the DTO here:

public class ProjectTaskDto : FullAuditedEntityDto<Guid>
{
    public string Title { get; set; }

	private string _displayTitle = null;
	public string DisplayTitle
	{
		get
		{
			return _displayTitle ?? Title;
		}
		set
		{
			_displayTitle = value;
		}
	}
	public TaskType Type { get; set; }

	public decimal? EstimatedPrice { get; set; }
	public decimal? ActualPrice { get; set; }
	public DateTime? StartDate { get; set; }
	public DateTime? EndDate { get; set; }

	public DateTime? Start
	{
		get
		{
			return StartDate;
		}
		set
		{
			StartDate = value;
		}
	}

	public DateTime? End
	{
		get
		{
			return EndDate;
		}
		set
		{
			EndDate = value;
		}
	}
	public Entities.TaskStatus Status { get; set; }

	public bool IsAppointment { get; set; }

	public Guid ProjectId { get; set; }

	public bool IsAllDay
	{
		get
		{
			return !IsAppointment;
		}
	}

	public string Class { get; set; }

	public List<BidDto> Bids { get; set; }
}

Any help is appreciated.