Skip to Content (Press Enter)
2019-02-15 07-21-54
Richard Aben
88Views
3Comments
Solved
[Silk UI Web] ComboBox in InputWithIcon 
Question
Forge
silk-ui-web
Web icon
Silk UI Web (O11)
Forge asset by OutSystems

Hi there, 


I noticed some weird behavior in the InputWithIcon. If you choose a regular Input Field this works fine, but when you put a ComboBox in this widget, the icon will be shown in front of the ComboBox instead of next to (see example). 

Can you fix this? Then we can use the same layout for out input screens. 


Best regards,

Richard 

InputWithIcon_ComboBox.PNG
0
0
21 Nov 2017
Copy Link
2020-03-05 14-29-02
José Costa
Solution

Hi Richard,

While it is not fixed by OutSystems, you can use this (or something similar) in the CSS of your Screen or Theme:

.InputWithIcons select {
    padding-left: 48px;
    width: 100%;
}

Cheers,

José

0
0
21 Nov 2017
Copy Link
2021-02-26 15-02-11
Dinis Carvalho
Staff

Hi guys,

The team will review this feedback to make it work out of the box, meanwhile, José's suggestion is great to achieve the expected result.

0
0
21 Nov 2017
Copy Link
UserImage.jpg
Richard Aben

Thanks for the quick replies guys!! 

0
0
21 Nov 2017
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.