I have used the dropdown select and connected to the combo box but it comes out in a weird output.
resuts
Hi.
Can you share the .oml file so I can take a closer look at the code?
Thank you for checking. I would actually like to use the multi-select option but wasn't sure how to do this from searching. If you have any insight into doing this as well I would appreciate it. The page is QC_Summary
I believe this is a UI/CSS-related issue. Could you let us know whether you're using a Reactive Web or a Traditional Web application? This will help narrow down the possible cause.
It is traditional.
The CSS is definitely getting the better of me here. I copied the css directly to the page to render the selects but it still looks terrible when it renders. The combo box height is too big and the search has an invisible icon. Are you able to review the CSS and let me know how to streamline it better. Here is how I would like it to look after it renders. here is how it looks on screen CSS:
@dahlia gelbaum ,
read the other answers here, you are trying to use an OutSystems UI Web widget in a Silk UI based application. You can't easily mix those, the OutSystemsUI Web widgets need the OutSystemsUIWeb Theme somewhere in the tree of (base)themes.
Hi dahlia gelbaum,
The issue is caused by a missing CSS dependency in your theme architecture.
The Dropdown Select pattern requires style classes that are part of OutSystemsUIWeb, but your app's base theme is built on Silk UI (Patterns_SilkUI), which doesn't include them. That’s why you’re seeing unstyled elements like the plain "Remove item" text and misaligned inputs.
How to fix it:
Update your module's theme hierarchy to include OutSystemsUIWeb -> BaseTheme.
Once that base theme is referenced, the missing Dropdown Choices CSS will apply automatically, and your Combo Box / Dropdown Select will display as expected!
Current Theme Hierarchy:
Main App Theme: DataServices_ReportUserData
└── Base Theme: DataServices_DataServicesPortal
└── Base Theme: Corp_LiverpoolSilkUITheme
└── Base Theme: LiverpoolTheme
└── Base Theme: Patterns_Liverpool
└── Base Theme: Patterns_SilkUI
Check if the OutSystems UI theme is a dependency of your module and is being used as the base theme.
If you have another theme, OutSystems UI should be the base theme of your custom theme.
If this is okay, please provide an OML so we can help more accurately.
If this helped, please let me know.