Hi,

I updated Telerik Blazor to version 2.25.0

The js file is served from _content folder

<script src="_content/Telerik.UI.for.Blazor/js/telerik-blazor.js" defer></script>

When I click any button from application I get the error

telerik-blazor.js:49 Uncaught TypeError: Cannot read property 'getAttribute' of undefined
    at e.value (telerik-blazor.js:49)
    at e.i.close (telerik-blazor.js:49)
    at HTMLDocument.i.onMouseDown (telerik-blazor.js:49)

I had no problems with the old version (2.24.0)

Any idea?

Thanks,

Ion

Hi all,

We want an easy to set up (and easy to code) form in Blazor, with default CSS styling, and with real two-way data binding.

And this is where we are already struggling.

In our case, we cannot get one checkbox to trigger the visibility of another.

To better understand the issue, we provide a simple and small sample (attached). It has a very simple TelerikForm and a very simple EditForm.

<TelerikForm Model="@_data">
    <FormItems>
        <FormItem LabelText="Condition 1:" Field="@nameof(_data.Value1)"></FormItem>
        @if (_data.Value1)
        {
            <FormItem LabelText="Result 1:" Field="@nameof(_data.Value2)"></FormItem>
        }
    </FormItems>
</TelerikForm>

<br />
<br />

<EditForm Model="@_data">
    <label>Condition 2:</label>
    <InputCheckbox @bind-Value="@_data.Value1" />
    <br />
    @if (_data.Value1)
    {
        <label>Result 2</label>
        <InputCheckbox DisplayName="Result 2:" @bind-Value="@_data.Value2"></InputCheckbox>
    }
</EditForm>

@code {
    private ExampleDto _data { get; set; } = new ExampleDto();
}

To repro the behavior:

If you click 'Condition 2' (inside the EditForm), then it triggers any bound item, also in the TelerikForm.

However, if you click 'Condition 1' in the TelerikForm, nothing will change and nothing gets triggered.

Is there an easy and obvious solution?

Thanks!

Hello,

I have a grid with nested columns.  The column's "child header" Title is displayed in the label of its corresponding editor in the popup.  However, in my case, the child header titles are not unique without the "parent" header Titles.  Can I prepend the "parent header" Title in the labels in the popup?

A screenshot is attached.  Note the red and green label pairs are identical in the popup, so the user can't distinguish what the data attributes are.

Thanks again!

Hello, 

I'm having a weird behaviour using your Tooltip component.

<TelerikTooltip TargetSelector="#clickTarget" ShowOn="@TooltipShowEvent.Click">
    <Template>
        Tooltip content
    </Template>
</TelerikTooltip>

<span id="clickTarget">
    <strong>Click</strong> me to see the tooltip.
</span>

<span id="clickTarget">
    <strong>Click</strong> me to see the tooltip.
</span>

Just two spans and a tooltip which is shown when any of these spans is clicked.

The weird behaviour is that these spans are showing a "default title tooltip" on hovering, showing null in its content, after I have clicked them to show the telerik tooltip I've defined. They still are showing the telerik tooltip on click, but also a "default title tooltip" on hovering, showing null.

Please take a look at the attached gif. As you can see, after, and just after, I have clicked the spans, a new null tooltip is appearing on hover. It is like your component was setting the span title to "null" or something like that.

Any way of removing this behaviour?

Thanks!

Hi,

I have implemented the filter checkbox list to grid column and I'm getting empty list when i click on filter icon on grid.

Please find below code snippet.

Could you please help me asap.

Thank you.

I have the following code in a page. When it hits the first line an try's to execute it the app locks right up. I have breakpointed and as soon as you f10 the line it never comes back.

Hi Team,

I need Dropdown list which is able to Edit and Save inside the dropdown.

Could you please suggest on this.

Thanks,

Vishnu Vardhanan H

Hi, I'm relatively new to Blazor and Telerik UI for Blazor.

I have a TelerikDataGrid on a page and it is defined to group data up to 6 levels.  The grouping works great where the details inside the group are correct.  When I collapse the group, I'd like to sum up the columns in the group and show those subtotals on the line with the collapsed group.

For example, currently the grouping looks like this:

What I'd like to do is something like this :

Has anyone done this before? Any suggestions on how to make this happen?

Thanks,

Jim

Hello,

if I serialize the grid-state and save it as a text-file, I get an incredible high table-width: 1772296985px - my workaround is to limit the tablke-width to max. 3000 px while saving and loading. The same with columns. Is there a bug?

Thank you!

Hi, I have the following form. I'm trying to hide a form item based on the previous bool form item (see highlighted lines in the code). The form is bound to ChartDetails which has a bool property called UseGroupByProperty which gets rendered as a checkbox. When I tick and untick the checkbox using the mouse the binding doesn't seem to update however as soon as I press a key it does. Is there a way to get the binding to update when the checkbox is selected/unselected with the mouse?

<TelerikForm Model="@ChartDetails" Orientation="FormOrientation.Horizontal"
				@ref="@ChartDetailsForm">
	<FormValidation>
		<DataAnnotationsValidator></DataAnnotationsValidator>
	</FormValidation>
	<FormItems>
		<FormItem LabelText="Name*:" Field="@nameof(CustomChartViewModel.Name)"></FormItem>
		<FormItem LabelText="Type*:" Field="@nameof(CustomChartViewModel.ChartType)"></FormItem>
		<FormItem Field="@nameof(CustomChartViewModel.EntityType)"></FormItem>
		<FormItem Field="@nameof(CustomChartViewModel.ShowLegend)"></FormItem>
		<FormItem Field="@nameof(CustomChartViewModel.ShowLabels)"></FormItem>
		<FormItem Field="@nameof(CustomChartViewModel.UseGroupByProperty)"></FormItem>
		@if (ChartDetails.UseGroupByProperty)
		{
			<FormItem Field="@nameof(CustomChartViewModel.GroupByProperty)" >
				<Template>
					<label class="k-label k-form-label">Group Property</label>
					<div class="k-form-field-wrap">
						<TelerikDropDownList Data="columns"
												ValueField="ColumnName"
												TextField="Title"
												@bind-Value="ChartDetails.GroupByProperty"
												DefaultText="Select Property " />

					</div>
				</Template>
			</FormItem>
		}
							
	</FormItems>
	<FormButtons></FormButtons>
</TelerikForm>