Dropdown List not working in existing project

[Christopher M Nichols]

I have downloaded the sample project into its own project and the sample works fine.  When I copy the code into the index file of an existing Blazorapp project, it does not work.  The page loads and the drop down loads (i can see the list in the html data that is produced, but the drop down does not drop-down.

The following NuGet packages are installed

Syncfusion.Blazor.Dropdowns 22.2.10

Syncfusion.Blazor.Grid 22.2.10 (the grid works on a different page

Syncfusion.Blazor.Navigator 22.2.10

Syncfusion.Blazor.Themes

I've compared my Program.cs, and _Layoout.cshtml and they are set up consistently with the demo.

[Christopher M Nichols]

It appears that the issue was driven by using an HTML reference for the stylesheet and the text/javascript files.  When I set them back to loca

[Yohapuja Selvakumaran]

Hi Christopher M Nichols,

Thank you for reaching out to Syncfusion support. Based on the information you've shared, it appears that the style and script references may not be correctly configured. To resolve this issue, please make sure to follow the provided guidelines for adding the style and script references in your project.

[_Layout.cshtml]

  <link rel='nofollow' href="_content/Syncfusion.Blazor/styles/material.css" rel="stylesheet" />

  <script src="_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js" type="text/javascript">

 

For further guidance, you can refer to our documentation on Style and Script Reference at the following link.

Style and Script Reference: https://blazor.syncfusion.com/documentation/dropdown-list/getting-started#add-stylesheet-and-script-resources

Additionally, if you were previously using the "ignorescriptisolation" attribute, please ensure that it has been removed in the updated version, as it is no longer required.

[Program.cs]

builder.Services.AddSyncfusionBlazor();

You can find detailed information on this in our documentation under the section "Register Syncfusion Blazor Service" below link

Documentation: https://blazor.syncfusion.com/documentation/dropdown-list/getting-started#register-syncfusion-blazor-service

Following these steps should help resolve the style and script reference issues you're facing in your project. If you encounter any further difficulties or have additional questions, please get back to us.

Regards,

Yohapuja S