Questions on UI for Blazor Forum

1 answer

32 views

Is there a way to sort a PivotGrid by the value?

I don't really want to sort by row or column title, but actually have the data sorted by the value (the measure). So to click the column header and have all rows in the order of the row values for the selected column. For multiple row dimensions, the sorting would first have to apply to the highest dimension (S, W, W/AT) and than further down the nested dimensions.

A code behind solution would be fine as well.

PivotGrid

answered on 03 Feb 2026

1 answer

17 views

Hyperlinksin a Diagram rectangle?

Can I place a hyperlink in a Diagram rectangle? The JSON is being pulled from a SQL SERVER DB. I can embed an image and text, but cannot figure out how to make either the image or text a clickable hyperlink

Diagram

answered on 03 Feb 2026

0 answers

15 views

TelerikDatePicker does not clear value when invalid date is entered and value is set to null

I am using TelerikDatePicker in a Blazor component with a nullable DateTime bound value.
When a user manually enters an invalid date in the input field and then clicks a Clear/Reset button, the bound value is set to null, but the DatePicker UI does not clear the invalid text.

The expected behavior is that the DatePicker input should be cleared when the value is set to null, regardless of whether the user previously entered an invalid date.

Code Sample:

<div class="k-form-field">
    <label for="dosFrom">@Label From</label>
    <TelerikDatePicker
        Id="@($"{Id}-dosFrom")"
        @bind-Value="@DateTesting"
        Format="MM/dd/yyyy"
        Class="@($"{Id}-dosFrom calender-picker")">
        <DatePickerFormatPlaceholder Year="YYYY" Month="MM" Day="DD" />
    </TelerikDatePicker>
</div>

{{ @DateTesting }}

<TelerikButton
    ButtonType="Telerik.Blazor.ButtonType.Reset"
    OnClick="() => ClearDate()">
    Clear
</TelerikButton>

public DateTime? DateTesting { get; set; }

private void ClearDate()
{
    DateTesting = null;
}

Steps to Reproduce:

Focus on the DatePicker input.

Manually enter an invalid date (e.g., 9999 or only 09 for dd or only 10 for mm or random text).

Click the Clear button.

Observe that DateTesting becomes null, but the DatePicker input still shows the invalid value.

Expected Result:

The DatePicker input should be visually cleared when the bound value is set to null.

Actual Result:

The invalid text remains in the DatePicker input even though the bound value is null.

Question:

1. Is this expected behavior for TelerikDatePicker?
2. Is there a recommended way to force the DatePicker to clear the input when invalid user input exists?
3. Should ValueChanged, OnChange, or a component reference be used to handle this scenario?

Any guidance or best practice would be appreciated.

DatePicker

DateRangePicker

DateTimePicker

asked on 02 Feb 2026

2 answers

137 views

numeric text box up/down arrows do not work

For my numeric text box, the up/down arrows do not work in a form. I did a copy/paste from your example here:

https://www.telerik.com/blazor-ui/documentation/components/numerictextbox/overview

<TelerikForm Model="@Account"
             OnValidSubmit="@OnSave"
             OnInvalidSubmit="@OnInvalidSubmit"
             Class="gsi-margin-10">

    <FormValidation>
        <DataAnnotationsValidator />
    </FormValidation>

    <FormItems>

...

        <FormItem Field="@nameof(Account.theValue)">
            <Template>
                <LabelFor Model="@Account"
                          DisplayName="Text Value" />

                <TelerikNumericTextBox @bind-Value="@Account.theValue"
                                       Format="C"
                                       Max="5m" Min="-5m"
                                       Step="0.33m" />
            </Template>
        </FormItem>
    </FormItems>

        [NotMapped]
        public decimal theValue { get; set; } = 1.234m;

Form

NumericTextBox

answered on 29 Jan 2026

1 answer

23 views

Blazor grid edit popup hide close

I would like to hide the close button on the Grid Edit Popup window? How can I do that.

If it is not possible to hide the close button, is there an OnClose event I can capture.

Grid

Popup

answered on 21 Jan 2026

0 answers

32 views

NumericTextBox Binding Fails

Why won't my numeric text box bind?

<TelerikWindow Visible="@ShowEditPopup"
               Modal="true"
               Draggable="true"
               Resizable="false"
               MaxWidth="350px">

    <WindowTitle>Edit Method</WindowTitle>
    <WindowContent>
        <div>
            <label>Description:</label>
            <TelerikTextBox @bind-Value="@EditingMethod.Description" />
        </div>
        <div>
            <label>Is Run:</label>
            <TelerikCheckBox @bind-Value="@EditingMethod.IsRun" />
        </div>
        <div>
            <label>Run Frequency Minutes:</label><br />
            <small>4 Hours: 240, 12 Hours: 720, 24 Hours: 1440</small>
            <TelerikNumericTextBox @bind-Value="@EditingMethod.RunFrequencyMinutes"
                                   Min="5"
                                   Max="1440"
                                   Step="5"
                                   Decimals="0" />
        </div>
        <div>
            <TelerikButton OnClick="OnSavePopup">Save</TelerikButton>
            <TelerikButton OnClick="OnCancelPopup">Cancel</TelerikButton>
        </div>
    </WindowContent>
</TelerikWindow>

NumericTextBox

asked on 20 Jan 2026

1 answer

231 views

Any setting to always start data points on the left of a line chart?

If my data for a Line Chart has only point set, the chart will place the single points in the center of the chart. I'd prefer to see single point on the Left of the chart.

I'd like to see the data point (1st rate, 2nd rate, EIR Fee, Handling Fee) for year 2023 be left aligned in the chart, not centered.

Searched the documentation and can't find where I might be able to accomplish this?

Rob.

Charts

answered on 16 Jan 2026

1 answer

138 views

MaskedTextBox sets both placeholder and aria-placeholder

When using "Placeholder" prop in MaskedTextBox resulting html element has both attributes - placeholder and aria-placeholder.
Some a11y testing tools (SortSite) consider that a violation because it creates ambiguity.
Is there work around ? Textbox control for example doesn't do that.

Here is the sample code to replicate the issue - https://blazorrepl.telerik.com/cquvvSvB57YqxQRz33

Accessibility

MaskedTextBox

answered on 15 Jan 2026

0 answers

33 views

License requirement for windows service that hosts a blazor web site with Telerik controls

My project is a windows service that hosts a blazor web site and api. When deployed using an MSI, Telerik says it is not licensed. What must be done with the license file to ensure it is registered?

            int portNumber =
                builder.Configuration.GetValue<int>(
                    "Kestrel:Startup:Port");

            builder.Host.UseWindowsService();
            builder.WebHost.UseKestrel(options =>
            {
                options.Listen(IPAddress.Loopback, portNumber);
            });

General Discussions

Grid