[Silk UI Web] Select2 with listbox in a form 

[Silk UI Web] Select2 with listbox in a form 

  
Forge Component
(47)
Published on 11 Nov (4 weeks ago) by OutSystems Labs
47 votes
Published on 11 Nov (4 weeks ago) by OutSystems Labs

When using Select2 with a ListBox in a Form, a little "block" is shown in the input box.

My workaround is adding this style to my theme style sheet:

.Form .select2-container-multi input.ReadOnly:not(.Not_Valid)
 {
    visibility: hidden;
}

Hi CJ,

I don't know what happen to my post but anyway I tried using the component Select2 and it seems that it has a conflict on the form. Yes, you can use hide the property if it doesn't affect the use/process of the component. We can report it as a bug in SilkUI/Select2 component. However, you can also try another component called Multiple Select in Forge.


Regards, 

Cy

Hi Cy,

Thanks for looking at it!

The workaround seems to work fine. I'm only capturing the users choices and don't do any validation on the field, which seems to what that particular style relates to.

I had a look at the Multiple Select component, but prefer the SilkUI/Select2.

It would be great is you can report it as a bug for a future fix.

Kind regards,

CJ


Solution

Hi CJ, 

Although your solution solved the problem, the correct fix (to be included in the next Silk UI release) is the following; 

.Form .select2-container input.ReadOnly:not(.Not_Valid) {
    border: none;
    box-shadow: none;
}


My Regards, 

José Rosário

Solution

Thanks Jose! Worked like a charm!