100
Views
3
Comments
Solved
Creating Dropdown Button with HTML Elements and Bootstrap

Hello,


I am attempting to create a Dropdown Button that looks like this in Reactive Web. To access Bootstrap's styling, I copied Bootstrap's CSS onto OutSystems Style Sheet Editor and for the most part it works fine and I managed to get the buttons to look like this

The problem however is the dropdown menu which doesn't appear when I click the button with the caret, even though I tried to place the HTML elements to recreate the HTML in the Bootstrap's Dropdown example and I also give each elements the same Bootstrap class. Any idea as to why the dropdown menu does not work? Attached is also the structure of the Widget Tree.



Best Regards,


Yosua

UserImage.jpg
Yosua Witantra
Solution

Hello,


I figured out why it doesn't work. It was because I did not import Popper.js. Thank you for your response!



Yosua

2026-02-26 06-29-24
Rahul
 
MVP

Hi Yosua,

It look like CSS issue. you need to inspact your code or press F12 and see which css over-ride or not applied.

Can you share oml with us.


Regards

Rahul Sahu

UserImage.jpg
Yosua Witantra

Hi Rahul,


Attached is the OML that you requested.



Thank You,


Yosua

ReactiveTesting.oml
UserImage.jpg
Yosua Witantra
Solution

Hello,


I figured out why it doesn't work. It was because I did not import Popper.js. Thank you for your response!



Yosua

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