So I am trying to do what Telerik can do in their code for the Jquery version but it's not working. See below:
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>