454
Views
4
Comments
Solved
[Silk UI Web] Select2 with listbox in a form 
silk-ui-web
Web icon
Forge asset by OutSystems

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;
}

Issue_ListBox.oml
2020-04-23 10-03-19
José Rosário
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

UserImage.jpg
Cy Cy

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

2016-06-26 08-47-53
CJ Vosloo

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


2020-04-23 10-03-19
José Rosário
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

2016-06-26 08-47-53
CJ Vosloo

Thanks Jose! Worked like a charm!

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.