Picklist UI

Radzen.Blazor Components
1

Having issues with the picklist extending from the given ui parameters, eg height 500px but the list extends down for as far as there is items in the list

image
image619×758 27.2 KB

image (1)
image (1)937×293 45 KB

I have also tried the example code line for line and am getting the same issue

2

Hi @cooperhouse,

Can you reproduce this issue by editing the online demo? If you can't then probably some CSS in your application is preventing the CSS overflow from applying to RadzenPickList.

3

Hi

I also have the same issue, not sure if you found a solution yet.

4

If anyone else has this issue, just add the below code to your css. Solved it for me.

.rz-picklist-wrapper {
width: 100%;
height: 100%;
--rz-gap: 1rem;
}

.rz-picklist-source-wrapper,
.rz-picklist-target-wrapper {
flex: 1;
--rz-gap: 0.5rem;
overflow: hidden;
}

.rz-picklist-source-wrapper .rz-listbox,
.rz-picklist-target-wrapper .rz-listbox {
    width: 100%;
    height: 100%;
}

.rz-picklist-buttons.rz-flex-row .rzi {
transform: rotate(90deg);
}

1 Like