Questions on UI for Blazor Forum

1 answer

405 views

Disabling selection of rows in the TelerikGrid

Hi,

I am using telerikgrid control to present my data on the page.

I am using a header GridCheckboxColumn to select the rows. I want to put a condition so that some rows cannot be selected (disabled for selection).

Please can someone provide some solution for this requirement.

Thanks,

Afreen

Checkbox

Grid

answered on 13 Apr 2023

1 answer

331 views

[Solved] Disabling the header level TelerikGridCheckboxColumn

Hi,

I am using the TelerikGrid control to present the data.

I am also using a TelerikGridCheckboxColumn which is bind to a IEnumerableList. I want to disable header checkbox when all the values of IsSelected property in the list are false.

How can I do that?

Thanks,

Afreen

Checkbox

Grid

answered on 13 Apr 2023

1 answer

157 views

Do you have a feature similar to the one shown in the picture? "Route reuse multiple tab pages."

您是否有类似于图片中显示的功能？“路由重复使用多个标签页。”

TabStrip

answered on 11 Apr 2023

1 answer

459 views

Closing a modal Window when submitting a form on a component in the window?

I have a simple form in a component. The component is in the WindowContent section of the Window component. I would like to close the modal window when the form on the component is saved. How do I go about changing the isVisible property on the page that contains the window?

Form

Window

answered on 11 Apr 2023

1 answer

364 views

Receive javascript error when inheriting from TelerikDropDownList in razor file

Using blazor server with latest Telerik Blazor package (currently 4.1.0).

I created a very simple CustomDropDownList.razor file with the following:

@typeparam TItem
@typeparam TValue
@inherits TelerikDropDownList<TItem, TValue>

and attempted to use the new component in a page:

@page "/test"

<CustomDropDownList Data="testData" @bind-Value="value" />

@code {
    int? value = null;

    private List<Model> testData = new List<Model>()
    {
        new Model() { Id = 1, Text = "Item 1" },
        new Model() { Id = 2, Text = "Item 2" }
    };

    class Model
    {
        public int? Id { get; set; }
        public string Text { get; set; }
    }
}

I get the javascript error:

Cannot read properties of null (reading addEventListener)

I'm aware you have a page regarding this error, but it only suggests making sure telerik-blazor.js file is up to date. Mine is.

Now, if I define the same component in a .cs file instead of a .razor file, the scenario works fine:

public class CustomDropDownList<TItem, TValue> : TelerikDropDownList<TItem, TValue>
{
}

REPL with error (using .razor file): https://blazorrepl.telerik.com/GRaoFuvr00aqKiQq27
REPL that works (using .cs file): https://blazorrepl.telerik.com/wHkyFubg58jPmb8D40

So what is going on here?

Ultimately, I'm trying to inherit from TelerikDropDownList to encapsulate a reusable custom dropdown. I have done this with .cs files a number of times with no problem, but in this case I was wanting to define an ItemTemplate and it's much more practical to do .razor file - that's when I discovered this issue.

DropDownList

answered on 11 Apr 2023

1 answer

195 views

Editing TelerikGrid

Is there a way to do in form editing in Telerik Grid for Blazor(TelerikGrid) like the one shown here for Telerik RadGrid?

https://demos.telerik.com/aspnet-ajax/grid/examples/data-editing/edit-form-types/defaultcs.aspx

General Discussions

Grid

answered on 11 Apr 2023

0 answers

154 views

Accessibility - Reading Order

We are working accessibility feedback for our site and one of the items we are asked to look at is the reading order. The reader reads our row of labels and then the row of textboxes. (see screenshot) Outside of redoing how we made the page is it possible to indicate the order? I think not, but looking for confirmation before we do anything.

Accessibility

asked on 10 Apr 2023

1 answer

501 views

Iterating over a List to create columns

Hi All,

I'm looking to iterate over a list in my data model to dynamically create columns in a TelerikGrid. Is this functionality possible at the moment?

Ideally i wanted to do something like this:

<TelerikGrid Data="@GridRowItems">
	<GridColumns>
		<GridColumn Field="@nameof(GridRowItem.Name)"></GridColumn>
		@{
			var gridRowItem = context as GridRowItem;
			foreach (var childField in gridRowItem.ChildFields)
			{
				<GridColumn Title="@childField.Name">
					<Columns>
						<GridColumn Field="@nameof(childField.Value1)"></GridColumn>
						<GridColumn Field="@nameof(childField.Value2)"></GridColumn>
					</Columns>
				</GridColumn>
			}
		}
	</GridColumns>
</TelerikGrid>

class GridRowItem{
	string Name;
	List<ChildField> ChildFields;
}

class ChildField{
	string Name;
	double Value1;
	double Value2;
}

I can guarantee that every GridRowItem has the same number of ChildFields, but that number is variable

Thanks

Grid

answered on 07 Apr 2023

1 answer

680 views

[Solved] How can I change the background color of a predefined dialog box.

The background of the predefined dialog box appears transparent.

Dialog

answered on 07 Apr 2023

0 answers

133 views

Grid Scrollbar auto change to default Browser scrollbar but change back to Telerik scrollbar when press F12 to Debug

Hi,

Like Subject above, when I Debug code, my scrollbar change to default browser scrollbar (Image Scrollbar1.jpg)

When i press F12 to go to Developer mode, it changes to normal - Telerik scrollbars. Its shadow and it is hard to look little bit (Image Scrollbar2.jpg).

I dont know why its happen. And it happended a couple days ago.

Browsers that I used to check: Edge, Firefox and Chrome and had same issue.

Thank you for your help.

Grid

asked on 06 Apr 2023