101
Views
7
Comments
Solved
How to use icon-dropdown widgets


Hello,

I'm trying to work with one of the dropdown widgets that will let me navigate/perform a screen action but none of my dropdown widgets(inline dropdown, icon dropdown, or button dropdown) function correctly. I mainly need a icon dropdown like the one below:



Here's a screenshots from all my widget trials: 1st is the icon, 2nd is a inline and 3rd is a test for button dropdown widgets.



Thanks in advance for the help!


Junaid

mvp_badge
MVP
Rank: #114
Solution

Hi Junaid,

Have you tried DropDownMenu web block from RichWidgets? This will allow you to implement similar drop menu.

There is another forge component built using this widget. You can try that as well, you have to do some style modification ofcourse.

https://www.outsystems.com/forge/component-overview/4123/dynamic-drop-down-menu-sample

Rank: #383

Hi, friend!

I used the inline dropdown some days ago. We needed to remove that little arrow, exactly as you need (image).

To achieve this, apply the following CSS to you theme:

.fa:after {
    content: "N/A";      
}

This class controls that little arrow in inline dropdown and will remove it. If you use another one, the class could be different.


Best regards

Rank: #383

I have a better idea. Send the browser link to your application and we can see the exactly class to change.

However, I will send the .oml here. 

Rank: #383

Well, probably should work. As I said, the best way is inspecting the element through the browser F12 function and see exactly which classes are in use by the widget.

mvp_badge
MVP
Rank: #114
Solution

Hi Junaid,

Have you tried DropDownMenu web block from RichWidgets? This will allow you to implement similar drop menu.

There is another forge component built using this widget. You can try that as well, you have to do some style modification ofcourse.

https://www.outsystems.com/forge/component-overview/4123/dynamic-drop-down-menu-sample