Questions on UI for Blazor Forum

0 answers

80 views

Invalid operation exception on Telerik Form control

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>

<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>


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


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


<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>


<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>


<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>


<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>


<FormItem>
<Template>
<div>Dropdown 6

Form

asked on 16 Apr 2025

0 answers

56 views

For nested folders with the same name, clicking on any folder redirects to the main folder with the same name FileManager

Hi Team,

For nested folders with the same name, clicking on any folder redirects to the main folder with the same name FileManager

For eg.: I have folder path: "C:AppName/Storage/FileStorage/Test/Test/Test/Test/Test/Test"

Now if I click on second last folder with name "Test" from breadcrumb, it redirects to the first folder with name "Test".

Can you help me with this?

FileManager

asked on 16 Apr 2025

0 answers

58 views

Breadcrumb does not display full path if the path is too long FileManager

Hi Team,

Breadcrumb does not display full path if the path is too long FileManager

For eg.: My path is "C:/AppName/Storage/FileStorage/New folder/New folder/New folder/New folder/New folder"

But breadcrumb only displays: "C:/AppName/Storage/FileStorage/New folder/New folder/New folder"

Is it because there is no space to show the complete path?

I have debug my code and checked, the path of FileManager is correct. What may be the issue here?

FileManager

updated question on 16 Apr 2025

2 answers

88 views

TelerikWindow retains state if reopened

Hi,
I'm developing a Blazor web app with:
- .NET9,
- rendering

@rendermode="new InteractiveWebAssemblyRenderMode(prerender: true)

I would like to show data starting from the selected record in a grid in a telerik window, where starting from this data I would populate various fields in a chain.
This data could be modified inside the telerik window and saved using a button.
This use is possible but there is a problem to solve: if I modify the data in the telerik window and then close it, the modified data is maintained if I reopen the telerik window.

I'll give an example:
This is the code available in the telerik Blazor guides:

<TelerikButton OnClick="@OpenWindow">Open Window</TelerikButton>

<TelerikWindow @ref="WindowRef" @bind-Visible="@WindowVisible">
    <WindowTitle>
        Window Title
    </WindowTitle>
    <WindowActions>
        <WindowAction Name="Close" />
    </WindowActions>
    <WindowContent>
        <p role="status">Current count: @CurrentCount</p>
        <TelerikButton OnClick="IncrementCount">Increment Count</TelerikButton>
    </WindowContent>
</TelerikWindow>

@code {
    private TelerikWindow? WindowRef { get; set; }

    private bool WindowVisible { get; set; }

    private int CurrentCount { get; set; }

    private void IncrementCount()
    {
        CurrentCount++;

        WindowRef?.Refresh();
    }

    private void OpenWindow()
    {
        WindowVisible = true;
    }
}

If
- I open the telerik window and increase the counter to 5
- I close the window
- I click on the button again, the window does not show me the count at 0 but at 5.

I would like to know if there is a simple way to recreate from scratch the telerik window every time it is called, without keeping the previous state.

P.S.
I would not want to worry about manually resetting the fields every time I open the telerik window

Thanks

Popup

Window

answered on 16 Apr 2025

1 answer

71 views

Focusing Programmatically Resets Textbox Positioning

I have a scenario where I need to shift the position of TelerikTextBox's `k-input-inner` element using the CSS properties`top` and `left`. This works fine until I use FocusAsync() to programmatically focus on the textbox. This causes the textbox to reset its position and disregard the position styling.

Please see the REPL link below. To reproduce, click on the "Focus" button and observe how the placeholder shifts.

https://blazorrepl.telerik.com/wTkelobC56YIRoZL13

To note, the desired view is with the input text position shifted from the original position like so:

Hitting tab reverts it to the original positioning which is undesirable:

TextBox

answered on 15 Apr 2025

1 answer

66 views

Is it mandatory to give "ExtensionField" in FileManager

Hi Team,

I don't want to show filename extension while showing file in FileView. Can we do it?

Is it mandatory to give "ExtensionField" in FileManager?

FileManager

answered on 14 Apr 2025

1 answer

110 views

Hierarchical Drawer Mini mode active

Hy,

I'm using a hierarchical drawer following the example: Blazor Drawer Demos - Hierarchical Drawer | Telerik UI for Blazor

If I activate the mini mode the hierarchical drawer appears as follows:

Is there something in the component where the drawer in mini mode displays all the items of the next levels in a popup that opens and closes when the cursor goes over the item at level 0?

As the picture below