This v2.26.0 drop down:
<div class="flex-child"> <label for="warehouse" class="k-label k-form-label">Warehouse</label> <TelerikDropDownList Data="@Warehouses" DefaultText="Select a Warehouse" Id="warehouse" TextField="WarehouseName" ValueField="WarehouseId" ValueChanged="@((int w) => WarehouseSelected(w))" /> </div>
...is working in a Blazor WASM app (well, I'm having issues overriding css classes used by Telerik controls, but that's another topic).
Here it is, working OK in Blazor WASM:
However, using the same code in a Razor component in a Blazor-Server project, I am not getting the control rendered properly:
I have your script declared in the head part of _Host.cshtml (see below). I'm really not sure about this, and I have moved it around , removed "defer", deleted bin and obj folders and cleared the cache, but to no avail.
<head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>CalendarDemo.UI</title> <base href="~/" /> <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" /> <link href="css/site.css" rel="stylesheet" /> <link href="CalendarDemo.UI.styles.css" rel="stylesheet" /> <link href="css/CustomStyles.css" rel="stylesheet" /> <script src="_content/Telerik.UI.for.Blazor/js/telerik-blazor.js" defer></script> </head>
Looking at the dev tools, I do see the above script is making it to the page:
This is a mystery to me so far. I am not seeing any exceptions being raised.
Any suggestions for further troubleshooting? Thanks again!