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.

I have a page with a collection of cards of client data.  I want to invoke a TelerikPopover when a particular status field is clicked in a given card, but the popover would be populated with the unique status string for that client card.  This almost works.  However, even though I populate the string with the unique status for the current card, I get multiple popovers, on top of one another, containing values from other cards that I've clicked on previously.  The Popover is defined like this :

    <TelerikPopover @ref="@PopoverRef"
                    AnimationType="@AnimationType.Fade"
                    AnchorSelector=".client-card-abar"
                    ShowOn="PopoverShowOn.Click"
                    Collision="@PopoverCollision.Flip"
                    Position="@PopoverPosition.Bottom">
        <PopoverHeader>
            Alerts
        </PopoverHeader>
        <PopoverContent>
                <div>
                    @((MarkupString)statusText)
                </div>
        </PopoverContent>
    </TelerikPopover>

And the value of statusText is being correctly set prior to displaying the popup, thusly:

    private void BeforeOpenPopover(int pid)
    {
        var txt = AlertText[pid];

        statusText = txt + "<br />";
        PopoverRef.Refresh();
    }

Is there a fundamental reason that using one TelerikPopover for the page will not work?  I don't really want the "weight" of a seperate Popover control for every card if possible.

Thanks.

Hi,

I was looking the the code at the following URL to set the value of the editor.

https://docs.telerik.com/blazor-ui/components/editor/overview

If I set the value to be ;

<h1>Report</h1>
<h2>Summary Results</h2>
<h2>Results Table</h2>
<table>
<tbody>
    <tr>
        <th>Date Completed</th>
        <th>Score</th>
    </tr>
    <tr>
        <td>26/03/2024 1:53:00 am</td>
        <td>28.0000</td>
    </tr>
    <tr>
        <td>26/01/2024 1:46:44 am</td>
        <td>48.0000</td>
    </tr>
    <tr>
        <td>26/02/2024 1:53:00 am</td>
        <td>44.0000</td>
    </tr>
</tbody>
</table>

Then the results look correct as seen below;

However if I set the same value via a button after OnInitializedAsync then it adds a bunch of elements and changes the report to the below

Any ideas?

Thanks

Hi, due to SyncFusion changing their licensing for small organizations, I'm converting our app from SyncFusion to Telerik.

In most cases, Telerik controls are equivalent or superior.

Not so with the Editor control. :( 

Users expect editors to be Microsoft Word like, within reason, and the Editor control is seriously lacking.

1 - Users have to be able to indent with the Tab key.  Please provide an option for Tab to indent and not jump out of the control.

2 - Can't resize the control, like we can here in this forum field?  It's basic functionality.  Auto sizing up to a max would be helpful.  I found the feature request showing how to set a min-height and max-height.  What it doesn't say is the Div mode has a height somewhere in the framework of 250 (and an incomplete width?), so you have set the height in the control, even if it's blank.

3 - Viewing html source of the editor pops up a small window that you can only resize vertically, but not horizontally?!?  It's basically unusable, unless you want to copy the content out and edit it somewhere else.

4 - The color picker is basically unusable.  It should be two controls, like any other respectable editor: the first applies the currently selected color (which the control remembers and visually shows), and the second is a drop down that allows you to select the color (which it remembers), it applies that color, and then the palette closes.  The existing picker does none of this. :(   And Red is missing from the palette??

5 - The documentation for most controls has a section "appearance".  This one doesn't?  The info on controlling the height and width should be in this missing section, including how-to for Div vs iFrame.

6 - More documentation on the existing toolbars would be helpful for customization.  I shouldn't have to step through the code and analyze what's in "new List<IEditorTool>(Telerik.Blazor.Components.Editor.EditorToolSets.All)" to figure out how to remove unwanted tools?

7 - EditorPasteSettings seems to be broken.  I can copy from Word, paste into the control, look at the source in the tiny window, and right at the top is a class="MsoNormal".  The documentation indicates this is on by default, but it doesn't matter whether I omit that parameter, or explicitly set it to true, Mso classes still come in.  I didn't test if the other default paste cleanup functionality is working or not. 

8 - My users require the "Insert Symbol" tool on the toolbar.  SyncFusion provided me custom code to add this to their control with a dialog.  Can Telerik do the same?

All of this functionality exists in the state of the art SyncFusion editor.  Sadly I'm going to have to continue to use the SfRichTextEditor control and minimal SyncFusion content until the TelerikEditor control is updated.

If I were Telerik, I would be embarrassed by this control. :(

I'm using .NET 8 with the current Telerik UI, which is 6.2.0.

Thanks for your time.

Regards,

Charles

P.S.  On a side note, your document conversion code is fantastic.  I can import a Word doc with your DocxFormatProvider and convert it to html with your HtmlFormatProvider and the content is almost perfect, if not perfect. 

Thx

Let's say we have a DateTimePicker two-way bound to a DateTime? value:

<TelerikDatePicker @bind-Value="searchCriteria.specificDate" ShowClearButton="true"></TelerikDatePicker>

public DateTime? specificDate {get; set; }           

The user enters an invalid value, such as 1/d/yyyy.

How do you reset it programmatically?

Assigning the bound value to null doesn't do anything, as it's already null.

I don't see a reset method anywhere?

It'd be nice if there was a way to programmatically call whatever is called when the user clicks on the ClearButton.

Thanks.

p.s.  This probably applies to all the date/time picker variations.