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.

I am brand new to Telerik.  I am beginning a new Blazor application in Visual Studio and would like to know what best practices I should follow regarding the structure of my application.  For example:

• Should I start with a Telerik project and then add SQL Server and authentication (Identity - Individual Accounts) later?  Or is it best to  scaffold these first and then add Telerik after they are setup?
• If I start with a Microsoft Blazor Web App, are there best practices for replacing the standard Microsoft themes with Telerik themes?
• Are there best practices for connecting Telerik to SQL Server data? 

Thanks in advance for your help.

We upgraded from 7.1.0 to 9.0.0 which was more difficult than it should be IMHO.

We use TeamCity to do the builds.

We use Octopus to do the deployments.

However, the bigger issue is the new license process.  I can understand Telerik's need to protect content/work from "fake malicious developers" (use that word loosely as anyone that steals software isn't really a developer), but your current license process leaves MUCH to be desired.  

Adding environment variables to a server?  Copying license files to the server?  It's pretty rare that a developer will be permitted that sort of access to a server which means a request to the server group (open a ticket) and wait and hope.  Anyway, I was able to get this completed but still get the same license issue.

And the file is located in the correct path. And Telerik.Licensing version 1.6.5.  Added read access to C:\Telerik for IIS.  Nothing, still same problem.  What am I missing here?

I've used the article below as reference and we still get the following:

Blazor License Key - Telerik UI for Blazor

I've run out of ways to try to make this work?

Rob.