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

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

Hi Rahul,


Attached is the OML that you requested.



Thank You,


Yosua

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

Solution