Make Combobox dropdown button/image larger

Hi Tim,

This is the mixin to change the drop down button icon and size. It uses a file url so the icon resource must be deployed with the app. You can also turn it into a data string and embed it in the mixin. It sets the size to 32,32. See screenshot below.

{
“appearances”: {
“checkbox”: {
“inherit”: “checkbox”,
“components”: {
“icon”: {
“inherit”: “icon-dark”,
“states”: {
“default”: {
“properties”: {
“width”: 32,
“height”: 32
}
}
}
}
}
},
“combobox”: {
“inherit”: “combobox”,
“components”: {
“button”: {
“states”: {
“default”: {
“properties”: {
“icon”: “combobox-dropdown.gif”
}
}
},
“components”: {
“icon”: {
“states”: {
“default”: {
“properties”: {
“width”: 32,
“height”: 32,
“scale”: true
}
}
}
}
}
}
}
}
}
}

HTH

Best,

Luca

Hi Tim,

we will provide the mixin for the icon today.

The issue with the different font size for the drop downlist will be fixed
and included in the next Wisej update.

See also here: https://wisej.com/support/question/combobox-drop-list-font-size-not-matching-set-font-size

Best regards
Frank

Any help on getting this working?  Also need to make the font in the dropdown list the same size as the control.

Thanks,

Tim Larson

Hi Luca,

I have attached the icon I would like to use.

Also I am using 48 font and the drop down list is not the same size as the combo box font.  How would I make this the same size.

Thanks,

TimLarson

With a theme mixin targeting this appearance key combobox/button/icon.

The svg icon that we use has a large margin, so you may need negative margins. If you send me the dimensions of the icon you’d like to use, or a different icon, or simply an image of what you’d like the combobox to look like I can post a theme mixin.

Best,

Luca