Dropdown widget label area resize

Community Usage questions
1

Hi Jean! Is it possible to resize the label area height and the dropdown height independently? Here’s an example:

dropdown
dropdown.jpg1273×641 24.2 KB

The last one is a montage of what I would like to do :slight_smile:

Cheers!

edit. is it possible to remove the dropdown area altogether and have the label area activate the dropdown list?

2

Is it possible to resize the label area height and the dropdown height independently

.label {
  max-height: initial;
  height:90%;
}

is it possible to remove the dropdown area altogether and have the label area activate the dropdown list

.select {
  position: absolute;
  height:100%;
  width:100%;
  opacity:0;
}
1 Like
3

How can I make the dropdown list bigger?

I’d like to add some margin to the list that appears after a click

Thx

4

You can’t, this widget relies on the browser’s native select element and it’s not allowed.

5

Allright, I thought it was a custom widget.

I was still able to do this:
image

using:
option {
font-size:20rem;
}
.select {
font-size:8rem;
}