Can I change the height of the popup height of TelerikMultiSelect in Blazor?

Can I change the height of the popup height of TelerikMultiSelect in Blazor?

So I am trying to do what Telerik can do in their code for the Jquery version but it's not working. See below:

Popup for select

I am trying to do a pretty simple just list of strings but there are about 80 of them so it would be nice to have more than the default 200px of height.

I tried this:

Razor code:

<TelerikMultiSelect Data="@ClaimsList" @bind-Value="@EditModel.UserClaims" ValueField="value"
                    TextField="value" Placeholder="Select Claims" Id="claims-multiselect">
                    
</TelerikMultiSelect>

...

<script>
   $("#claims-multiselect").kendoMultiSelect({
      height: 1000
   });

</script>

So this worked when I tried to do Kendo's example of 'JQuery' doing it but it's not working in my script. I'm up for doing it in the Razor as I can see 'ItemHeight' in the actual control but not the overall height. This seems something very simple I am missing.

Any help is appreciated.

Answer

Nevermind, it was simpler than I thought and I just have a slightly older version of KendoUI.

It's just this, above was incorrect as I think I was thinking Javascript and scripts and I just needed styles.

<style>
    .k-multiselect-popup {
        max-height: 800px !important;
        height: 800px !important;
        overflow-y: auto !important;
    }

</style>

Enjoyed this question?

Check out more content on our blog or follow us on social media.

Browse more questions