Hy,

is there a way to customize the template visualization of each day in the DatePicker component?

I need to change the style and colors of the days according to different conditions. For examples:

Thanks in advance

I'm trying to adjust the existing size definitions as outlined here in your docs:

https://www.telerik.com/blazor-ui/documentation/components/dropdownlist/appearance

I'd like to adjust the definition for sm, md, lg as they don't work well with TailwindCSS settings.  For example lg is just a tad too large and md is a tad too small

This is lg:

This md:

I want to match the border size to our standard input text (aka Postal Code example above).  I can't seem to find where sm, lg, md are defined?  And, is there a relative "simple" way to modify without going down a "custom" theme path?

Rob.

Hi, I am using again the TabStrip component so that it's displayed vertically as in my previous post tabstrip vertical, from what I understand, it has to have an absolute value as pixels in the Height property to render/displays correctly, right ? If so, is support planned for the future?

Thanks in advance

I am using a Column Chart component inside my Blazor application.

When viewed on a mobile screen, the user is unable to pan the window, because i think the chart registers this as an event. If the user touches the chart, they cannot scroll the window anymore.

I am not using any additional events on my chart, it does not need any interaction. 

How can I adjust the chart so that it can be touched and scrolled?

<div style="@((DialogOpen) ? "visibility: hidden;" : "visibility: visible;")">
    <TelerikChart Height="200px">
        <ChartZoomable Enabled="false"></ChartZoomable>
        <ChartPannable Enabled="false"></ChartPannable>

        <ChartSeriesItems>
            <ChartSeries Type="ChartSeriesType.Column" Name="min/100m" Data="@GraphData" Field="@nameof(GraphData)" Color="#9edfff">
            </ChartSeries>
        </ChartSeriesItems>

        <ChartCategoryAxes>
            <ChartCategoryAxis Categories="@GraphX.ToArray()"></ChartCategoryAxis>
        </ChartCategoryAxes>

        <ChartLegend Position="ChartLegendPosition.Bottom">
        </ChartLegend>

        <ChartTitle Text=""></ChartTitle>
    </TelerikChart>
</div>

I have a Blazor grid for a collection of key-value pairs where the edit template for one cell has a ComboBox with a list of the possible keys. The requirement is that each key can only be used once. My grid's OnEdit handler is:

	private void OnEdit(GridCommandEventArgs e)
	{
		MyModel model = (MyModel)e.Item;
		if (e.Field == nameof(MyModel.KeyTypeId))
		{
			IEnumerable<byte> typeIdsInUse = Data.Select(x => x.KeyTypeId).Except([model.KeyTypeId]).ToArray();
			KeyTypesForDropDown = KeyTypes!.Where(x => !typeIdsInUse.Contains(x.KeyTypeId)).ToList();
			if (KeyTypesForDropDown.Count == 0)
			{
				Notification.Show("There are no more keys available to add.", ThemeConstants.Notification.ThemeColor.Warning);
				e.IsCancelled = true;
			}
		}
	}

My problem is that I can't figure out how to find this ComboBox in the grid cell during my test in order to validate that its data is correct. This is how far I got:

		GridCommandEventArgs args = new()
		{
			Item = new MyModel(),
		};
		await grid.InvokeAsync(() => grid.Instance.OnAdd.InvokeAsync(args));
		await grid.InvokeAsync(() => grid.Instance.OnCreate.InvokeAsync(args));

		var state = grid.Instance.GetState();
		state.OriginalEditItem = state.EditItem = (MyModel)args.Item;
		await grid.Instance.SetStateAsync(state);
		grid.Render();

		var rows = grid.FindComponent<GridRowCollection<MyModel>>();
		rows.Render();
		state = grid.Instance.GetState();
		state.EditField = nameof(MyModel.KeyTypeId);
		await grid.Instance.SetStateAsync(state);
		grid.Render();
		rows.Render();
		var row = rows.FindComponent<GridRow<MyModel>>();
		Assert.True(row.HasComponent<GridEditCell<MyModel>>());
		

I have the following setup:

    <TelerikForm Model="@Item"
                 OnUpdate="@UpdateHandler"
                 ColumnSpacing="5px">

    <FormItems>
            <FormItem Field="value">
                <Template>
<TelerikNumericTextBox @bind-Value="@Item.Value"
                                           DebounceDelay="0"
                                           Arrows="false"
                                           ValidateOn="ValidationEvent.Change"/>
                </Template>
            </FormItem>
        </FormItems>
        <FormButtons/>
    </TelerikForm>

The value is a nullable thus the field is empty at first. If I start typing with a leading "-" (minus sign) it will validate (field turn red) and call the update method, which is contrary to what I expect due to the ValidateOn Change setting.

I have a TextArea that I need to remove the ability from pressing Enter to go to the new line and instead call a function I have created.
I would however like to keep all other functionality such as Shift+Enter going to a new line.

Here is my TextArea:

<TelerikTextArea Class="no-resize pl-2 mr-2 w-100" @bind-Value="@NewMessage" Placeholder="Type your message" SpellCheck="true"/>

I have a _Host.cshtml (underscore) not a Host.cshtml.

The information provided is pretty generic "manually update your code after the wizard completes"?  Not much of a wizard, what exactly do I need to manually update?

Rob.