Make Combobox dropdown button/image larger

0
0

I have a combo box which will be used by a touchscreen and I need to change the dropdown button to an image or make it larger.  How would I be able to do this?

 

Thanks,

Tim Larson

  • You must to post comments
0
0

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

  • You must to post comments
0
0

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

  • You must to post comments
0
0

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

  • You must to post comments
0
0

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

  • You must to post comments
0
0

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

  • You must to post comments
Showing 5 results
Your Answer

Please first to submit.