Telerik Forums
UI for Blazor Forum
1 answer
33 views
By default, the `ContextMenu` opens a `List` of medium size. Can you add a way to customise it?
Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
 answered on 23 Apr 2025
1 answer
54 views

Hi,

Is there a way to trigger a method and pass data to it when hovering over a line in a line chart?

Regards,

Omar

Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
 answered on 23 Apr 2025
1 answer
63 views

I'm using the TelerikColorPicker in my Maui Blazor hybrid code like this:

<TelerikColorPicker @bind-Value="@_color"
                    View="@Telerik.Blazor.ColorPickerView.Palette"
                    AdaptiveMode="@Telerik.Blazor.AdaptiveMode.Auto"/>
...
@code { private string? _color; }

This works fine in Windows. However, it throws an error in iOS:

null is not an object (evaluating 'this.element.addEventListener')
bindEvents@app://0.0.0.1/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:1:1063454
@app://0.0.0.1/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:1:1063348
initPopupNavigationService@app://0.0.0.1/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:1:1054798
s@app://0.0.0.1/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:1:1054360
@app://0.0.0.1/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:23:2177305
@app://0.0.0.1/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:1:695018
@app://0.0.0.1/_framework/blazor.webview.js:1:2891
Promise@[native code]
beginInvokeJSFromDotNet@app://0.0.0.1/_framework/blazor.webview.js:1:2859
@app://0.0.0.1/_framework/blazor.webview.js:1:47081
@user-script:1:4:75
forEach@[native code]
@user-script:1:4:45

And also in Android:

[INFO:CONSOLE(1)] "Cannot read properties of null (reading 'addEventListener')
TypeError: Cannot read properties of null (reading 'addEventListener')
at e.NavigationService.bindEvents (https://0.0.0.1/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:1:1063455)
at new e.NavigationService (https://0.0.0.1/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:1:1063338)
at s.initPopupNavigationService (https://0.0.0.1/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:1:1054775)
at new s (https://0.0.0.1/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:1:1054334)
at e.initComponent (https://0.0.0.1/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:23:2177300)
at e.initColorPicker (https://0.0.0.1/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:1:695018)
at https://0.0.0.1/_framework/blazor.webview.js:1:2891
at new Promise (<anonymous>)
at y.beginInvokeJSFromDotNet (https://0.0.0.1/_framework/blazor.webview.js:1:2848)
at External.__callback (https://0.0.0.1/_framework/blazor.webview.js:1:47076)
at Microsoft.JSInterop.JSRuntime.<InvokeAsync>d__16`1[[System.Object, System.Private.CoreLib, Version=9.0.0.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e]].MoveNext()
at Telerik.Blazor.Components.TelerikColorPicker.InitColorPicker()
at Telerik.Blazor.Components.TelerikColorPicker.OnAfterRenderAsync(Boolean firstRender)
at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task taskToHandle, ComponentState owningComponentState)", source: https://0.0.0.1/_framework/blazor.webview.js (1)

The error is coming from

async Task TelerikColorPicker.InitColorPicker()

Has anyone seen anything like this?

Thanks

Andrew

 

Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
 answered on 22 Apr 2025
1 answer
38 views
I am working on a mobile app using Blazor Hybrid, I have a TelerikDatePicker field on a page. 
Is there a practical way when I focus on that field it automatically shows the numeric keyboard instead of alphanumeric keyboard ? like when using TelerikNumericTextBox.

Thank you.
Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
 updated answer on 22 Apr 2025
2 answers
36 views

I have a TelerikGrid with SelectionMode=Single, so when I click on cell, it becomes selected. Then I click on a header of another column; the header cell gets the focus (and becomes highlighted), but the selected cell does not change. To the user, it looks like there are two selected columns now.

Is there a practical way to select the cell at the current row and the focused column when the user clicks on a column header? Maybe detect when a column header gets the focus (without going through JSInterop)?

If that is diffucult - can I prevent header cells from getting the focus but keep the ability to resize columns? I can change the header styles to make its focus invisible, but that would be a short-term workaround only.

I use Telerik in a Blazor Maui Hybrid application.

Thank you.

Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
 answered on 22 Apr 2025
2 answers
64 views

How much control do we have for displaying overlapping appointments? Right now, they show side-by-side which makes them hard to read:

 

Is it possible to lay them out differently so they overlap, giving more space to read the contents. Similar to how Google Calendar does it.

Dimo
Telerik team
 answered on 22 Apr 2025
1 answer
46 views

Hi Team,

Steps:

1. Click on New folder and create a new folder with name "ABC" (OnCreateHandler method is called to which is attached to OnCreate event)

2. Right click on folder "ABC" and click on rename and rename it as "XYZ"

3. On enter click, it retains the old folder "ABC" and creates a new folder with name "XYZ". (Again OnCreateHandler method is called instead of OnUpdateHandler)

Can you please help me understand if it is a bug with FileManager or is something wrong at my end.


<TelerikFileManager @ref="FileManagerRef"
                    Data="@FileManagerData"
                    @bind-Path="@DirectoryPath"
                    IdField="MyModelId"
                    Height="400px"
                    NameField="Name"
                    PathField="Path"
                    ExtensionField="Extension"
                    IsDirectoryField="IsDirectory"
                    HasDirectoriesField="HasDirectories"
                    DirectoriesField="MyDirectories"
                    ItemsField="Items"
                    SelectedItems="@SelectedItems"
                    SelectedItemsChanged="@((IEnumerable<HierarchicalFileEntry> selectedFiles) => OnSelect(selectedFiles))"
                    OnCreate="@OnCreateHandler"
                    OnUpdate="@OnUpdateHandler"
                    OnDelete="@OnDeleteHandler" />

Tsvetomir
Telerik team
 answered on 22 Apr 2025
1 answer
49 views

Hello,

how can I make the clear-value button in the GridSearchBox always visible?
By default, the clear button only appears when the GridSearchBox has a value. I’d like it to always be visible, even when the input is empty.

Thanks

Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
 answered on 17 Apr 2025
1 answer
58 views
We want to customise the controls inside the Grid's pager. 

With the following settings it's generating what's in the actual.png.  We would like to achieve the template in required.png.

Is it possible to move the controls and change the content inside the pager?

    <GridSettings>
        <GridPagerSettings InputType="PagerInputType.Input"
                           PageSizes="@PageSizes"
                           ButtonCount="5"
                           Adaptive="true"
                           Position="PagerPosition.Bottom">
        </GridPagerSettings>
    </GridSettings>

CJ
Top achievements
Rank 2
Iron
 updated question on 17 Apr 2025
0 answers
55 views

Hello all,

I am getting the following error upon running  deployed blazor app on IIS. When running it from local VS 2022 there are no issues.


[2025-04-16T16:55:34.549Z] Error: System.InvalidOperationException: Unable to set property 'columns' on object of type 'Telerik.Blazor.Components.TelerikForm'. The error was: Unable to cast object of type 'System.String' to type 'System.Int32'. ---> System.InvalidCastException: Unable to cast object of type 'System.String' to type 'System.Int32'. at Microsoft.AspNetCore.Components.Reflection.PropertySetter.CallPropertySetter[TTarget,TValue](Action`2 setter, Object target, Object value) at Microsoft.AspNetCore.Components.Reflection.ComponentProperties.<SetProperties>g__SetProperty|3_0(Object target, PropertySetter writer, String parameterName, Object value) --- End of inner exception stack trace --- at Microsoft.AspNetCore.Components.Reflection.ComponentProperties.<SetProperties>g__SetProperty|3_0(Object target, PropertySetter writer, String parameterName, Object value) at Microsoft.AspNetCore.Components.Reflection.ComponentProperties.SetProperties(ParameterView& parameters, Object target) at Microsoft.AspNetCore.Components.ComponentBase.SetParametersAsync(ParameterView parameters) at Telerik.Blazor.Components.TelerikForm.SetParametersAsync(ParameterView parameters) at Microsoft.AspNetCore.Components.Rendering.ComponentState.SupplyCombinedParameters(ParameterView directAndCascadingParameters)

 

 <TelerikForm Columns="3" ColumnSpacing="35px" Model="@FormModel">
    <FormItems>
        <!-- Dropdown 1 -->
        <FormItem>
            <Template>
                <div>Dropdown 1</div>
                <TelerikComboBox Width="350px" Data="@Dropdown1Options" TextField="Text" ValueField="Value"
                                 @bind-Value="@FormModel.Dropdown1Value"
                                 ShowClearButton="true" Filterable="true" Placeholder="Select">
                </TelerikComboBox>
            </Template>
        </FormItem>

        <!-- Text Field 1 -->
        <FormItem>
            <Template>
                <div>Text Field 1</div>
                <TelerikTextBox Width="350px" @bind-Value="@FormModel.TextField1" />
            </Template>
        </FormItem>

        <!-- Text Field 2 -->
        <FormItem>
            <Template>
                <div>Text Field 2</div>
                <TelerikTextBox Width="350px" @bind-Value="@FormModel.TextField2" />
            </Template>
        </FormItem>

        <!-- Dropdown 2 -->
        <FormItem>
            <Template>
                <div>Dropdown 2</div>
                <TelerikComboBox Width="350px" Data="@Dropdown2Options" TextField="Text" ValueField="Value"
                                 @bind-Value="@FormModel.Dropdown2Value"
                                 ShowClearButton="true" Filterable="true" Placeholder="Select">
                </TelerikComboBox>
            </Template>
        </FormItem>

        <!-- Dropdown 3 -->
        <FormItem ColSpan="2">
            <Template>
                <div>Dropdown 3</div>
                <TelerikComboBox Width="350px" Data="@Dropdown3Options" TextField="Text" ValueField="Value"
                                 @bind-Value="@FormModel.Dropdown3Value"
                                 ShowClearButton="true" Filterable="true" Placeholder="Select">
                </TelerikComboBox>
            </Template>
        </FormItem>

        <!-- Dropdown 4 -->
        <FormItem>
            <Template>
                <div>Dropdown 4</div>
                <TelerikComboBox Width="350px" Data="@Dropdown4Options" TextField="Text" ValueField="Value"
                                 @bind-Value="@FormModel.Dropdown4Value"
                                 ShowClearButton="true" Filterable="true" Placeholder="Select">
                </TelerikComboBox>
            </Template>
        </FormItem>

        <!-- Dropdown 5 -->
        <FormItem>
            <Template>
                <div>Dropdown 5</div>
                <TelerikComboBox Width="350px" Data="@Dropdown5Options" TextField="Text" ValueField="Value"
                                 @bind-Value="@FormModel.Dropdown5Value"
                                 ShowClearButton="true" Filterable="true" Placeholder="Select">
                </TelerikComboBox>
            </Template>
        </FormItem>

        <!-- Dropdown 6 -->
        <FormItem>
            <Template>
                <div>Dropdown 6

bimal
Top achievements
Rank 1
Iron
 asked on 16 Apr 2025
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?