Wrapped Components

[Unknown]

Hi,

i wrapped all my syncfusion blazor components with my own components. In my pages i am only using mine, with syncfusion components inside. 

I get an exception after loading: "Error: Could not find 'sfBlazor' in 'window'."

If i add a control directly on the page (e.g next to my wrapped component) everything works fine. 

It seems that the js assets only get lazy loaded when the components are not wrapped by my own components. 

Is there a way to trigger the loading of the js assets manually?

[Unknown]

I checked again and i see that the assets get loaded.. 

[Unknown]

I was able to solve it for now with placing a none visible item in the main 

<div class="main">
    <div class="content px-4">
        <CascadingValue Name="BaseTranslations" Value="@_translations">
            @Body
        </CascadingValue>
        <div style="display:none;">
        <SfComboBox TValue="string" TItem="string" Placeholder="Select a game"></SfComboBox>
        </div>
    </div>
</div>

[Saranya Murugasamy]

Hi Nils Czernig, 

  

Greetings from Syncfusion. 

  

We have created the Blazor server app with custom component along with Syncfusion components based on your requirements. We didn’t faced any issue by setting the value “display: none” for div element as you have mentioned in your code example. Please find the sample in below link. 

  

Sample: https://www.syncfusion.com/downloads/support/forum/152783/ze/BlazorCustom-942137085 

  

Could you please check the above sample link and share the below detail for us. 

  

1. Share the replicate procedure or if possible, please reproduce the issue in this sample and revert us. 

  

It will be helpful to focus on specific area and assist you at the earliest. 

  

Regards, 

Saranya M 

[Unknown]

I think you missunderstood me. The control with display none solved the problem. 

My problem occurs if i use multiple syncfusion controls on a page, where every syncfusion control is wrapped within my custom control.

Eg: 

Page:

<customcontrol1>

</customcontrol1>

Customcontrol 1 could be a SFDropDown. Because the Syncfusion control is not added to the root of the page, the window.syncfusion variable is not set. The problem is solved by adding a syncfusion control at the top level with display:none..

[Saranya Murugasamy]

Hi Nils Czernig, 

  

Thanks for your update. 

  

We are glad to hear that your reported issue has been resolved. Please get back to us if you need any further assistance on this. 

Regards, 

Saranya M