Dropdown Part is Not working

[Marc]

Hi.  I was trying to using the DropDownList component in a project and it was not working.  So I have built a very tiny simple Blazor Server project and it is still not working.  the component renders, but when I click on the drop down arrow, nothing happens.  I cannot type nor can I select an item.

Code is attached.  Please let me know what I am missing here.

Thanks,

Marc.

Attachment: BlazorApp1_ea8a53ba.7z

[Sureshkumar P]

Hi Marc, 

 

We have checked the shared sample. In the shared sample you have installed Syncfusion.Blazor NuGet but refer the style and script for individual NuGet. So, we suggest you to install the Syncfusion.Blazor.DropDowns NuGet package to get rid of the reported issue. 

 

Modified sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/BlazorApp11085855374   

 

Screenshot: 

 

 

 

 

Regards, 

Sureshkumar P 

[Marc]

Thanks.  That works great. 

Would you provide more detail on this comment you made " you have installed Syncfusion.Blazor NuGet but refer the style and script for individual NuGet "?  How did I refer the style and script to an individual  NuGet? 

[Prince Oliver]

There is Syncfusion.Blazor NuGet which includes the entire Syncfusion library and then, there is individual component NuGet like Syncfusion.Blazor.DropDowns for DropDown components alone. You can learn more about it in the documentation below, 

https://blazor.syncfusion.com/documentation/nuget-packages 

Both NuGet packages have different static assets (theme and script files). When using Syncfusion.Blazor NuGet, refer the below 

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

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

When using Syncfusion.Blazor.DropDowns NuGet, refer the below 

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

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

Script: https://blazor.syncfusion.com/documentation/common/adding-script-references#static-web-assets  

Themes: https://blazor.syncfusion.com/documentation/appearance/themes#static-web-assets  

Regards, 

Prince 

[Marc]

Thanks Prince.  I was not aware of those nuances.  Very helpful to know.  Marc.

[Sureshkumar P]

Hi Marc, 

 

Thanks for your update. 

 

Regards, 

Sureshkumar P