Hello,

Please see attached image. How does the dark or light theme change button on demo page (red circled in the attached image) work ?

Can someone share the code associated with it ?

Thanks & regards,

Milind

I want to draw Gantt Chart Template with no tree view as presented below. It is possible to do it?

Blazor WebAssembly on .Net 5

After updating Telerik.UI.For.Blazor to version 2.23.0 I often see an error in the Console "Could not find 'TelerikBlazor.getLocationHost' ('TelerikBlazor' was undefined)." after doing a build and refreshing the page. If I then refresh the page again the error will not reappear.

I am only using the TelerikGrid.

crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: Could not find 'TelerikBlazor.getLocationHost' ('TelerikBlazor' was undefined).
      Error: Could not find 'TelerikBlazor.getLocationHost' ('TelerikBlazor' was undefined).
          at https://localhost:44359/_framework/blazor.webassembly.js:1:1287
          at Array.forEach (<anonymous>)
          at e.findFunction (https://localhost:44359/_framework/blazor.webassembly.js:1:1247)
          at b (https://localhost:44359/_framework/blazor.webassembly.js:1:2989)
          at https://localhost:44359/_framework/blazor.webassembly.js:1:3935
          at new Promise (<anonymous>)
          at Object.beginInvokeJSFromDotNet (https://localhost:44359/_framework/blazor.webassembly.js:1:3908)
          at Object.w [as invokeJSFromDotNet] (https://localhost:44359/_framework/blazor.webassembly.js:1:64232)
          at _mono_wasm_invoke_js_blazor (https://localhost:44359/_framework/dotnet.5.0.4.js:1:190800)
          at do_icall (<anonymous>:wasm-function[10596]:0x194e4e)
Microsoft.JSInterop.JSException: Could not find 'TelerikBlazor.getLocationHost' ('TelerikBlazor' was undefined).
Error: Could not find 'TelerikBlazor.getLocationHost' ('TelerikBlazor' was undefined).
    at https://localhost:44359/_framework/blazor.webassembly.js:1:1287
    at Array.forEach (<anonymous>)
    at e.findFunction (https://localhost:44359/_framework/blazor.webassembly.js:1:1247)
    at b (https://localhost:44359/_framework/blazor.webassembly.js:1:2989)
    at https://localhost:44359/_framework/blazor.webassembly.js:1:3935
    at new Promise (<anonymous>)
    at Object.beginInvokeJSFromDotNet (https://localhost:44359/_framework/blazor.webassembly.js:1:3908)
    at Object.w [as invokeJSFromDotNet] (https://localhost:44359/_framework/blazor.webassembly.js:1:64232)
    at _mono_wasm_invoke_js_blazor (https://localhost:44359/_framework/dotnet.5.0.4.js:1:190800)
    at do_icall (<anonymous>:wasm-function[10596]:0x194e4e)
   at Microsoft.JSInterop.JSRuntime.<InvokeAsync>d__15`1[[System.String, System.Private.CoreLib, Version=5.0.0.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e]].MoveNext()
   at Telerik.Blazor.Components.Dialog.DialogBuilder.OnAfterRenderAsync(Boolean firstRender)
   at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task taskToHandle)

I am designing an application (C#) with plug-ins (Blazor server-side application with RCLs as "plugins").

Each plugin contain its own reference to "Telerik UI for Blazor" and other common libraries. The reason is that e.g. "Plugin 1" could live for some time without being touched and thus reference an older version of Telerik components (e.g. 3.3.0), while "Plugin 2" is updated more often and can therefore get newer versions of Telerik.

I know the above results in conflicts like "Cousin dependency" or "Nearest Wins". I need to strictly load all assemblies and their dependencies as they were compiled with their respective dependencies. The final product is being released in a highly regulated environment which is why you just dont update all plugins to support the latest and greatest :-)

Any idea on how to accomplish this?

Project specs: Blazor server side, .NET 6+, Telerik UI for Blazor

Hi everyone,

I've tried to use the Media Query Component, and it worked and all was fine in Chrome on the simulator, also on Android Devices, but when I arrived to test the design on iPhone that didn't work. Then I belived that maybe it's Safari the problem and I downloaded Chrome on iPhone, but I had the same issue on Chrome too. I don't know how to solve it, maybe if I will try from CSS directly to solve it will work.

I have checked the viewport meta tag, I believed that was missing, but no, it was there in the _Host.cshtml file.
Does anyone encountered this issue till now?
My app is a Server Side Blazor app.

Thank you in advance.
Best regards,
Cipri

Hello,

I referred the following link -

https://docs.telerik.com/blazor-ui/knowledge-base/change-theme-runtime

Attaching the project where in I have tried to implement the code but its not working. Trying to resolve since last 3 to 4 days but unable to get solution. Can someone put me in correct direction.

Thanks & regards,

Milinnd

Hello!

Wonna to disable some Gantt diagram features:

1. Timeline item selection and deleting from diagram (by clicking on 'X').

2. Editing timeline item by double click

3. Moving timeline item on the timeline

I was able to make a gradient color Chart Area when RenderingMode is SVG.  But it's not working on RenderingMode.Canvas.

What do I need to change?

What I use is:

<ChartSeries Color="url(#svg-gradient)"

where:

<svg xmlns="https://www.w3.org/2000/svg" version="1.1" width="0" height="0" style="visibility: hidden">

I'm creating a donut chart using Telerik for Blazor.

As you can see from the attached picture, there is a lot of space around the chart, i would like to reduce it to save space, but can't find a way.

Many thanks,

Luigi

I thought this was going to be an easy enough solution to host a component inside a component but it is proving a little more difficult.  In my use case I have several Card components with a data source and template.  Those cards sit in a Blazor Component page.  I want to host those cards inside of a carousel component.  I do not know what to use for the Data property or the template within the Carousel. 

<TelerikCarousel Data=<CardBlazorComponentPage></CardBlazorComponentPage>
                              Width="400px" Height="200px">

   <Template>
       <div class="item"> idk_what_to put in here</div>
   </Template>

</TelerikCarousel>

Would I just put the card logic inside the Template instead of the having its own page.  If I did nest the Card code inside of the Carousels Template tag, what would I use for the Carousels Data property?