[Silk UI Web] ComboBox in InputWithIcon

[Silk UI Web] ComboBox in InputWithIcon

  
Forge Component
(70)
Published on 14 Jun by Labs
70 votes
Published on 14 Jun by Labs

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 

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é

Solution

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.

Thanks for the quick replies guys!!