Telerik Forums
UI for Blazor Forum
or
Ask question
All Questions
Unanswered
Answered
3,550 questions
1 answer
209 views
Adding scrollbar to FilterFields

My app has a long list of possible fields to filter on. The dropdown box for the fields exceed the height of the page so a scrollbar would be nice.

Can you point out the class styling that needs to be updated? I just added arbitrary number of fields to the Filter demo.

<TelerikFilter Value="@Value" ValueChanged="@OnValueChanged">
    <FilterFields>
        <FilterField Name="@nameof(OrderDetailDto.OrderId)" Type="typeof(int)" Label="Id" />
        <FilterField Name="@nameof(OrderDetailDto.Quantity)" Type="typeof(short)" />
        <FilterField Name="@nameof(OrderDetailDto.OrderFreight)" Type="@typeof(decimal)" Label="Freight" />
        <FilterField Name="@nameof(OrderDetailDto.OrderShipCountry)" Type="typeof(string)" Label="Country" />
        <FilterField Name="@nameof(OrderDetailDto.OrderShipName)" Type="typeof(string)" Label="Ship to" />
        <FilterField Name="@nameof(OrderDetailDto.OrderShipAddress)" Type="typeof(string)" Label="Ship Address" />
        @for (int i = 0; i < 25; i++)
        {
            <FilterField Name="@i.ToString()" Type = "typeof(string)" Label="@i.ToString()" />
        }
    </FilterFields>
</TelerikFilter>

 

Filter
Dimo
Telerik team
 updated answer on 11 Aug 2022
1 answer
279 views
[Solved] Optional Column Header Template

Is there a way to have the column header template be optional?  Depending upon some values in my data, I might need to use a header template for a specific column, otherwise, I would like the have the default behavior.

I tried placing an if statement inside the <GridColumn/> element like this:

<GridColumn Field= "" FieldType="" >
     @if (_useHeaderTemplate)
     {
         <HeaderTemplate></HeaderTemplate>
     }
</GridColumn>

This results in a compile error of "Unrecognized child content inside component ...."

I then tried

<GridColumn Field= "" FieldType="" >
     <HeaderTemplate>
          @if (_useHeaderTemplate)
          {
            <div>Custom Header</div>
          }
     </HeaderTemplate>
</GridColumn>

This results in no text being rendered for the column header.

I'm trying to avoid (a) duplicating the <GridColumn/> configuration for both the  true and false evaluations of the if statement; (b) I don't want to take over the complete rendering and management of the grid column header.  I still want the framework to handle that.

Thanks

-marc

 

 

Grid
Dimo
Telerik team
 answered on 11 Aug 2022
0 answers
115 views
Editor produces Exception in Firefox but works

Hi,

I have:

 <TelerikEditor @bind-Value="@ViewModel.MyText" />

(MyText ist string :-) )

And get the following exception in Firefox, but not in Chrome:

blazor Loaded 13.64 MB resources
This application was built with linking (tree shaking) disabled. Published applications will be significantly smaller. blazor.webassembly.js:1:48472
Firefox kann keine Verbindung zu dem Server unter wss://localhost:58268/ aufbauen. aspnetcore-browser-refresh.js:234:24
crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: this.valueContainer is undefined
      setValue@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:1114771
      Yt@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:36477
      beginInvokeJSFromDotNet/s<@https://localhost:5001/_framework/blazor.webassembly.js:1:3332
      beginInvokeJSFromDotNet@https://localhost:5001/_framework/blazor.webassembly.js:1:3306
      St@https://localhost:5001/_framework/blazor.webassembly.js:1:59853
      _mono_wasm_invoke_js_blazor@https://localhost:5001/_framework/dotnet.6.0.6.lrf372qj4b.js:1:195300
      @:wasm-function[1]:0x0
      @:wasm-function[219]:0x1a490
      @:wasm-function[167]:0xce5e
      @:wasm-function[166]:0xbd71
      @:wasm-function[2812]:0xabf01
      @:wasm-function[1616]:0x6fcc2
      @:wasm-function[1620]:0x7032f
      @:wasm-function[118]:0x969d
   …
blazor.webassembly.js:1:35572
crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: this.valueContainer is undefined
      setValue@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:1114771
      Yt@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:36477
      beginInvokeJSFromDotNet/s<@https://localhost:5001/_framework/blazor.webassembly.js:1:3332
      beginInvokeJSFromDotNet@https://localhost:5001/_framework/blazor.webassembly.js:1:3306
      St@https://localhost:5001/_framework/blazor.webassembly.js:1:59853
      _mono_wasm_invoke_js_blazor@https://localhost:5001/_framework/dotnet.6.0.6.lrf372qj4b.js:1:195300
      @:wasm-function[1]:0x0
      @:wasm-function[219]:0x1a490
      @:wasm-function[167]:0xce5e
      @:wasm-function[166]:0xbd71
      @:wasm-function[2812]:0xabf01
      @:wasm-function[1616]:0x6fcc2
      @:wasm-function[1620]:0x7032f
      @:wasm-function[118]:0x969d
   …
blazor.webassembly.js:1:35572
crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: this.valueContainer is undefined
      setValue@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:1114771
      Yt@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:36477
      beginInvokeJSFromDotNet/s<@https://localhost:5001/_framework/blazor.webassembly.js:1:3332
      beginInvokeJSFromDotNet@https://localhost:5001/_framework/blazor.webassembly.js:1:3306
      St@https://localhost:5001/_framework/blazor.webassembly.js:1:59853
      _mono_wasm_invoke_js_blazor@https://localhost:5001/_framework/dotnet.6.0.6.lrf372qj4b.js:1:195300
      @:wasm-function[1]:0x0
      @:wasm-function[219]:0x1a490
      @:wasm-function[167]:0xce5e
      @:wasm-function[166]:0xbd71
      @:wasm-function[2812]:0xabf01
      @:wasm-function[1616]:0x6fcc2
      @:wasm-function[1620]:0x7032f
      @:wasm-function[118]:0x969d
   …
blazor.webassembly.js:1:35572
crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: this.valueContainer is undefined
      setValue@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:1114771
      Yt@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:36477
      beginInvokeJSFromDotNet/s<@https://localhost:5001/_framework/blazor.webassembly.js:1:3332
      beginInvokeJSFromDotNet@https://localhost:5001/_framework/blazor.webassembly.js:1:3306
      St@https://localhost:5001/_framework/blazor.webassembly.js:1:59853
      _mono_wasm_invoke_js_blazor@https://localhost:5001/_framework/dotnet.6.0.6.lrf372qj4b.js:1:195300
      @:wasm-function[1]:0x0
      @:wasm-function[219]:0x1a490
      @:wasm-function[167]:0xce5e
      @:wasm-function[166]:0xbd71
      @:wasm-function[2812]:0xabf01
      @:wasm-function[1616]:0x6fcc2
      @:wasm-function[1620]:0x7032f
      @:wasm-function[118]:0x969d
   …
blazor.webassembly.js:1:35572
crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: this.valueContainer is undefined
      setValue@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:1114771
      Yt@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:36477
      beginInvokeJSFromDotNet/s<@https://localhost:5001/_framework/blazor.webassembly.js:1:3332
      beginInvokeJSFromDotNet@https://localhost:5001/_framework/blazor.webassembly.js:1:3306
      St@https://localhost:5001/_framework/blazor.webassembly.js:1:59853
      _mono_wasm_invoke_js_blazor@https://localhost:5001/_framework/dotnet.6.0.6.lrf372qj4b.js:1:195300
      @:wasm-function[1]:0x0
      @:wasm-function[219]:0x1a490
      @:wasm-function[167]:0xce5e
      @:wasm-function[166]:0xbd71
      @:wasm-function[2812]:0xabf01
      @:wasm-function[1616]:0x6fcc2
      @:wasm-function[1620]:0x7032f
      @:wasm-function[118]:0x969d
   …
blazor.webassembly.js:1:35572
crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: this.valueContainer is undefined
      setValue@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:1114771
      Yt@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:36477
      beginInvokeJSFromDotNet/s<@https://localhost:5001/_framework/blazor.webassembly.js:1:3332
      beginInvokeJSFromDotNet@https://localhost:5001/_framework/blazor.webassembly.js:1:3306
      St@https://localhost:5001/_framework/blazor.webassembly.js:1:59853
      _mono_wasm_invoke_js_blazor@https://localhost:5001/_framework/dotnet.6.0.6.lrf372qj4b.js:1:195300
      @:wasm-function[1]:0x0
      @:wasm-function[219]:0x1a490
      @:wasm-function[167]:0xce5e
      @:wasm-function[166]:0xbd71
      @:wasm-function[2812]:0xabf01
      @:wasm-function[1616]:0x6fcc2
      @:wasm-function[1620]:0x7032f
      @:wasm-function[118]:0x969d
   …
blazor.webassembly.js:1:35572
crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: this.valueContainer is undefined
      setValue@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:1114771
      Yt@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:36477
      beginInvokeJSFromDotNet/s<@https://localhost:5001/_framework/blazor.webassembly.js:1:3332
      beginInvokeJSFromDotNet@https://localhost:5001/_framework/blazor.webassembly.js:1:3306
      St@https://localhost:5001/_framework/blazor.webassembly.js:1:59853
      _mono_wasm_invoke_js_blazor@https://localhost:5001/_framework/dotnet.6.0.6.lrf372qj4b.js:1:195300
      @:wasm-function[1]:0x0
      @:wasm-function[219]:0x1a490
      @:wasm-function[167]:0xce5e
      @:wasm-function[166]:0xbd71
      @:wasm-function[2812]:0xabf01
      @:wasm-function[1616]:0x6fcc2
      @:wasm-function[1620]:0x7032f
      @:wasm-function[118]:0x969d
   …
blazor.webassembly.js:1:35572
crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: this.valueContainer is undefined
      setValue@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:1114771
      Yt@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:36477
      beginInvokeJSFromDotNet/s<@https://localhost:5001/_framework/blazor.webassembly.js:1:3332
      beginInvokeJSFromDotNet@https://localhost:5001/_framework/blazor.webassembly.js:1:3306
      St@https://localhost:5001/_framework/blazor.webassembly.js:1:59853
      _mono_wasm_invoke_js_blazor@https://localhost:5001/_framework/dotnet.6.0.6.lrf372qj4b.js:1:195300
      @:wasm-function[1]:0x0
      @:wasm-function[219]:0x1a490
      @:wasm-function[167]:0xce5e
      @:wasm-function[166]:0xbd71
      @:wasm-function[2812]:0xabf01
      @:wasm-function[1616]:0x6fcc2
      @:wasm-function[1620]:0x7032f
      @:wasm-function[118]:0x969d
   …
blazor.webassembly.js:1:35572
crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: this.valueContainer is undefined
      setValue@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:1114771
      Yt@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:36477
      beginInvokeJSFromDotNet/s<@https://localhost:5001/_framework/blazor.webassembly.js:1:3332
      beginInvokeJSFromDotNet@https://localhost:5001/_framework/blazor.webassembly.js:1:3306
      St@https://localhost:5001/_framework/blazor.webassembly.js:1:59853
      _mono_wasm_invoke_js_blazor@https://localhost:5001/_framework/dotnet.6.0.6.lrf372qj4b.js:1:195300
      @:wasm-function[1]:0x0
      @:wasm-function[219]:0x1a490
      @:wasm-function[167]:0xce5e
      @:wasm-function[166]:0xbd71
      @:wasm-function[2812]:0xabf01
      @:wasm-function[1616]:0x6fcc2
      @:wasm-function[1620]:0x7032f
      @:wasm-function[118]:0x969d
   …
blazor.webassembly.js:1:35572
crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: this.valueContainer is undefined
      setValue@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:1114771
      Yt@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:36477
      beginInvokeJSFromDotNet/s<@https://localhost:5001/_framework/blazor.webassembly.js:1:3332
      beginInvokeJSFromDotNet@https://localhost:5001/_framework/blazor.webassembly.js:1:3306
      St@https://localhost:5001/_framework/blazor.webassembly.js:1:59853
      _mono_wasm_invoke_js_blazor@https://localhost:5001/_framework/dotnet.6.0.6.lrf372qj4b.js:1:195300
      @:wasm-function[1]:0x0
      @:wasm-function[219]:0x1a490
      @:wasm-function[167]:0xce5e
      @:wasm-function[166]:0xbd71
      @:wasm-function[2812]:0xabf01
      @:wasm-function[1616]:0x6fcc2
      @:wasm-function[1620]:0x7032f
      @:wasm-function[118]:0x969d
   …
blazor.webassembly.js:1:35572
crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: this.valueContainer is undefined
      setValue@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:1114771
      Yt@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:36477
      beginInvokeJSFromDotNet/s<@https://localhost:5001/_framework/blazor.webassembly.js:1:3332
      beginInvokeJSFromDotNet@https://localhost:5001/_framework/blazor.webassembly.js:1:3306
      St@https://localhost:5001/_framework/blazor.webassembly.js:1:59853
      _mono_wasm_invoke_js_blazor@https://localhost:5001/_framework/dotnet.6.0.6.lrf372qj4b.js:1:195300
      @:wasm-function[1]:0x0
      @:wasm-function[219]:0x1a490
      @:wasm-function[167]:0xce5e
      @:wasm-function[166]:0xbd71
      @:wasm-function[2812]:0xabf01
      @:wasm-function[1616]:0x6fcc2
      @:wasm-function[1620]:0x7032f
      @:wasm-function[118]:0x969d
   …
blazor.webassembly.js:1:35572
crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: this.valueContainer is undefined
      setValue@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:1114771
      Yt@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:36477
      beginInvokeJSFromDotNet/s<@https://localhost:5001/_framework/blazor.webassembly.js:1:3332
      beginInvokeJSFromDotNet@https://localhost:5001/_framework/blazor.webassembly.js:1:3306
      St@https://localhost:5001/_framework/blazor.webassembly.js:1:59853
      _mono_wasm_invoke_js_blazor@https://localhost:5001/_framework/dotnet.6.0.6.lrf372qj4b.js:1:195300
      @:wasm-function[1]:0x0
      @:wasm-function[219]:0x1a490
      @:wasm-function[167]:0xce5e
      @:wasm-function[166]:0xbd71
      @:wasm-function[2812]:0xabf01
      @:wasm-function[1616]:0x6fcc2
      @:wasm-function[1620]:0x7032f
      @:wasm-function[118]:0x969d
   …
blazor.webassembly.js:1:35572
crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: this.valueContainer is undefined
      setValue@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:1114771
      Yt@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:36477
      beginInvokeJSFromDotNet/s<@https://localhost:5001/_framework/blazor.webassembly.js:1:3332
      beginInvokeJSFromDotNet@https://localhost:5001/_framework/blazor.webassembly.js:1:3306
      St@https://localhost:5001/_framework/blazor.webassembly.js:1:59853
      _mono_wasm_invoke_js_blazor@https://localhost:5001/_framework/dotnet.6.0.6.lrf372qj4b.js:1:195300
      @:wasm-function[1]:0x0
      @:wasm-function[219]:0x1a490
      @:wasm-function[167]:0xce5e
      @:wasm-function[166]:0xbd71
      @:wasm-function[2812]:0xabf01
      @:wasm-function[1616]:0x6fcc2
      @:wasm-function[1620]:0x7032f
      @:wasm-function[118]:0x969d
   …
blazor.webassembly.js:1:35572
crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: this.valueContainer is undefined
      setValue@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:1114771
      Yt@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:36477
      beginInvokeJSFromDotNet/s<@https://localhost:5001/_framework/blazor.webassembly.js:1:3332
      beginInvokeJSFromDotNet@https://localhost:5001/_framework/blazor.webassembly.js:1:3306
      St@https://localhost:5001/_framework/blazor.webassembly.js:1:59853
      _mono_wasm_invoke_js_blazor@https://localhost:5001/_framework/dotnet.6.0.6.lrf372qj4b.js:1:195300
      @:wasm-function[1]:0x0
      @:wasm-function[219]:0x1a490
      @:wasm-function[167]:0xce5e
      @:wasm-function[166]:0xbd71
      @:wasm-function[2812]:0xabf01
      @:wasm-function[1616]:0x6fcc2
      @:wasm-function[1620]:0x7032f
      @:wasm-function[118]:0x969d
   …
blazor.webassembly.js:1:35572
crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: this.valueContainer is undefined
      setValue@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:1114771
      Yt@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:36477
      beginInvokeJSFromDotNet/s<@https://localhost:5001/_framework/blazor.webassembly.js:1:3332
      beginInvokeJSFromDotNet@https://localhost:5001/_framework/blazor.webassembly.js:1:3306
      St@https://localhost:5001/_framework/blazor.webassembly.js:1:59853
      _mono_wasm_invoke_js_blazor@https://localhost:5001/_framework/dotnet.6.0.6.lrf372qj4b.js:1:195300
      @:wasm-function[1]:0x0
      @:wasm-function[219]:0x1a490
      @:wasm-function[167]:0xce5e
      @:wasm-function[166]:0xbd71
      @:wasm-function[2812]:0xabf01
      @:wasm-function[1616]:0x6fcc2
      @:wasm-function[1620]:0x7032f
      @:wasm-function[118]:0x969d
   …
blazor.webassembly.js:1:35572
crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: this.valueContainer is undefined
      setValue@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:1114771
      Yt@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:36477
      beginInvokeJSFromDotNet/s<@https://localhost:5001/_framework/blazor.webassembly.js:1:3332
      beginInvokeJSFromDotNet@https://localhost:5001/_framework/blazor.webassembly.js:1:3306
      St@https://localhost:5001/_framework/blazor.webassembly.js:1:59853
      _mono_wasm_invoke_js_blazor@https://localhost:5001/_framework/dotnet.6.0.6.lrf372qj4b.js:1:195300
      @:wasm-function[1]:0x0
      @:wasm-function[219]:0x1a490
      @:wasm-function[167]:0xce5e
      @:wasm-function[166]:0xbd71
      @:wasm-function[2812]:0xabf01
      @:wasm-function[1616]:0x6fcc2
      @:wasm-function[1620]:0x7032f
      @:wasm-function[118]:0x969d
   …
blazor.webassembly.js:1:35572
crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: this.valueContainer is undefined
      setValue@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:1114771
      Yt@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:36477
      beginInvokeJSFromDotNet/s<@https://localhost:5001/_framework/blazor.webassembly.js:1:3332
      beginInvokeJSFromDotNet@https://localhost:5001/_framework/blazor.webassembly.js:1:3306
      St@https://localhost:5001/_framework/blazor.webassembly.js:1:59853
      _mono_wasm_invoke_js_blazor@https://localhost:5001/_framework/dotnet.6.0.6.lrf372qj4b.js:1:195300
      @:wasm-function[1]:0x0
      @:wasm-function[219]:0x1a490
      @:wasm-function[167]:0xce5e
      @:wasm-function[166]:0xbd71
      @:wasm-function[2812]:0xabf01
      @:wasm-function[1616]:0x6fcc2
      @:wasm-function[1620]:0x7032f
      @:wasm-function[118]:0x969d
   …
blazor.webassembly.js:1:35572
crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: this.valueContainer is undefined
      setValue@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:1114771
      Yt@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:36477
      beginInvokeJSFromDotNet/s<@https://localhost:5001/_framework/blazor.webassembly.js:1:3332
      beginInvokeJSFromDotNet@https://localhost:5001/_framework/blazor.webassembly.js:1:3306
      St@https://localhost:5001/_framework/blazor.webassembly.js:1:59853
      _mono_wasm_invoke_js_blazor@https://localhost:5001/_framework/dotnet.6.0.6.lrf372qj4b.js:1:195300
      @:wasm-function[1]:0x0
      @:wasm-function[219]:0x1a490
      @:wasm-function[167]:0xce5e
      @:wasm-function[166]:0xbd71
      @:wasm-function[2812]:0xabf01
      @:wasm-function[1616]:0x6fcc2
      @:wasm-function[1620]:0x7032f
      @:wasm-function[118]:0x969d
   …
blazor.webassembly.js:1:35572
crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: this.valueContainer is undefined
      setValue@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:1114771
      Yt@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:36477
      beginInvokeJSFromDotNet/s<@https://localhost:5001/_framework/blazor.webassembly.js:1:3332
      beginInvokeJSFromDotNet@https://localhost:5001/_framework/blazor.webassembly.js:1:3306
      St@https://localhost:5001/_framework/blazor.webassembly.js:1:59853
      _mono_wasm_invoke_js_blazor@https://localhost:5001/_framework/dotnet.6.0.6.lrf372qj4b.js:1:195300
      @:wasm-function[1]:0x0
      @:wasm-function[219]:0x1a490
      @:wasm-function[167]:0xce5e
      @:wasm-function[166]:0xbd71
      @:wasm-function[2812]:0xabf01
      @:wasm-function[1616]:0x6fcc2
      @:wasm-function[1620]:0x7032f
      @:wasm-function[118]:0x969d
   …
blazor.webassembly.js:1:35572
crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: this.valueContainer is undefined
      setValue@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:1114771
      Yt@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:36477
      beginInvokeJSFromDotNet/s<@https://localhost:5001/_framework/blazor.webassembly.js:1:3332
      beginInvokeJSFromDotNet@https://localhost:5001/_framework/blazor.webassembly.js:1:3306
      St@https://localhost:5001/_framework/blazor.webassembly.js:1:59853
      _mono_wasm_invoke_js_blazor@https://localhost:5001/_framework/dotnet.6.0.6.lrf372qj4b.js:1:195300
      @:wasm-function[1]:0x0
      @:wasm-function[219]:0x1a490
      @:wasm-function[167]:0xce5e
      @:wasm-function[166]:0xbd71
      @:wasm-function[2812]:0xabf01
      @:wasm-function[1616]:0x6fcc2
      @:wasm-function[1620]:0x7032f
      @:wasm-function[118]:0x969d
   …
blazor.webassembly.js:1:35572

The editor work as excepted. But how I get rid of the exception? :-)

Editor
Holger
Top achievements
Rank 1
Iron
Iron
 asked on 11 Aug 2022
1 answer
344 views
TotalCount

Hi, Is it possible disable totalcount if pagable is true? or  localizate totalcount?  1- .. OF .. ITEMS

I don't want show total items in datasource becasue I have more than 100000 rows and it's too slow.

 

Thanks for answer

Peter

Grid
Dimo
Telerik team
 answered on 10 Aug 2022
1 answer
676 views
[Solved] Add icon to the dialog title and dialog buttons (Predefined Dialogs)

I'm using the "Predefined Dialogs".

... await Dialogs.ConfirmAsync("Are you sure?", Title);

How can I add icon to the dialog title and dialog buttons

Dialog
Dimo
Telerik team
 updated answer on 10 Aug 2022
1 answer
359 views
Can server-side paging be used in TelerikDropDownList? Are there alternatives for large lists.
I am using TelerikDropDownList component in my app, it can have 1000+ records, for performance reasons server-side paging is implemented. Does telerikDropdownlist support server-side paging?
Please suggest alternatives for using server-side paging with the dropdown in a blazor app.
DropDownList
Nadezhda Tacheva
Telerik team
 answered on 10 Aug 2022
1 answer
166 views
Alphabetic pages for Pager Control
Is there a way to have the pager control display alphabetic pages instead of numeric? I would like to provide to my users a contacts book where it is displayed alphabetically based on contacts name. If not this might be a suggestion for a new control. I am thinking a modern day rolodex.
Pager
Nadezhda Tacheva
Telerik team
 answered on 10 Aug 2022
0 answers
172 views
Grid custom sort with multiple grids

How do you identify which grid raised the OnRead event to be able to do custom sorting on a grid when there are more than one grid?

For example, say I have multiple grids created in a loop

Razor:

@for (int i = 0; i < _someData.Count(); i++)
{
    int gridIndex = i;
    <TelerikGrid Data=@_someData.ElementAt(i)
    OnStateChanged="@((GridStateEventArgs<SomeData> args) => OnGridStateChangedHandler(args))"
    OnRead="@OnGridRead"
    @ref="@GridRefList[gridIndex]"
    ....
}


Code:

@code {

    TelerikGrid<SomeData>[] GridRefList { get; set; }

    private async Task OnGridRead(GridReadEventArgs args)
    {
	// Which grid raised this event?
    }
}

 

How can I determine which grid fired the event so that I can load it with the correct data? All of the examples and links seem to only work with a single grid. Eg

 

https://www.telerik.com/forums/custom-sorting-and-filtering

https://docs.telerik.com/blazor-ui/components/grid/manual-operations

 

 

 

Grid
Michael
Top achievements
Rank 1
 asked on 10 Aug 2022
0 answers
303 views
FileSelect Pdf Problems - not implemented

Hey, i am following the example listed here Blazor FileSelect - Events | Telerik UI for Blazor to use the FileSelect in my project to allow users to upload files in a blazor server all.

I'm using the code below to save the files to a network location.

 private async Task UploadFile(FileSelectFileInfo file)
    {
        var path = Path.Combine(HostingEnvironment?.WebRootPath, file.Name);
        await using FileStream fs = new FileStream(path, FileMode.Create);
        await file.Stream.CopyToAsync(fs);
    }
This code works fine for .doc & .docx files, but when I tried to attempt to upload a .pdf file, the application crashes.  I have also tried to use the on async method and it throws a not implemented  exception.  Any idea how to get around this?
file.Stream.CopyTo(fs);
FileSelect
Eric
Top achievements
Rank 2
Iron
Iron
 asked on 09 Aug 2022
1 answer
1.0K+ views
How to Change the treenode Text, font size and color at runtime in Blazor?

Hi,

How to change the treenode Text, font size and color at runtime in Blazor? I am trying following code. I changed text in both data structures i.e.  FlatData and ExpandedItems. Text is being changed in data structure but change is not reflecting on UI.

 

 <TelerikTreeView OnItemClick="@OnItemClickHandler"  
                Data="@FlatData" @bind-ExpandedItems="@ExpandedItems">
                <TreeViewBindings>
                    <TreeViewBinding ParentIdField="ParentIdValue"></TreeViewBinding>
                </TreeViewBindings>
</TelerikTreeView>


@code{

public ObservableCollection<TreeItem> FlatData { get; set; }
public IEnumerable<object> ExpandedItems { get; set; }

protected override async Task OnInitializedAsync()
    {
        LoadFlatData();
      timer = new System.Threading.Timer(async _ => // async void
        {
        FlatData[0].Text = "Net";

        ExpandedItems = FlatData;
     
        // we need StateHasChanged() because this is an async void handler
        // we need to Invoke it because we could be on the wrong Thread
        await InvokeAsync(StateHasChanged);
        }, null, 0, 5000);
     }
}

TreeView
Hristian Stefanov
Telerik team
 answered on 09 Aug 2022
Narrow your results
Done
Selected tags
Tags
Grid
General Discussions
Charts
DropDownList
Form
Scheduler
TreeView
ComboBox
Editor
DatePicker
Window
TextBox
TabStrip
Upload
Menu
TreeList
MultiSelect
Styling
Button
Filter
Dialog
NumericTextBox
DateTimePicker
Drawer
TileLayout
Gantt
FileManager
Tooltip
PDFViewer
Checkbox
AutoComplete
ListView
ContextMenu
Wizard
Notification
GridLayout
Calendar
FileSelect
Accessibility
TimePicker
Map
Pager
AnimationContainer
DateRangePicker
Splitter
DateInput
PanelBar
TextArea
ValidationMessage
ToolBar
Loader
LoaderContainer
Licensing
MaskedTextBox
MediaQuery
Localization
RadioGroup
Stepper
ProgressBar
Card
Carousel
MultiColumnComboBox
Security
ValidationSummary
DropDownButton
StockChart
Signature
SplitButton
PivotGrid
ListBox
DockManager
ColorPalette
Breadcrumb
ColorPicker
Popover
LinearGauge
RadialGauge
Switch
ToggleButton
ValidationTooltip
AIPrompt
Spreadsheet
RangeSlider
StackLayout
FloatingLabel
Popup
Diagram
ButtonGroup
Slider
DropZone
Page Templates / Building Blocks
ArcGauge
CircularGauge
QRCode
AppBar
ChunkProgressBar
Barcode
ColorGradient
FlatColorPicker
Skeleton
Avatar
VS Code Extension
Badge
DropDownTree
Rating
FloatingActionButton
AI Coding Assistant
InlineAIPrompt
SpeechToTextButton
Chat
Agentic UI Generator
PromptBox
SmartPasteButton
+? more
Top users last month
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Learn how
168 169
170
171 172
Top users last month
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Learn how
Want to show your ninja superpower to fellow developers?
Learn how