Icon Dropdown/Inline dropdown in OS 11
Question

Hello, any idea what's the replacement component in OS 11 for "inline dropdown" and "icon dropdown" in OS10?
The dropdown component in OS11 is as wide as all the dropdown items; I want to show on page as an icon (not widely occupy the screen space). 

Champion

Hi Maple,

Can you please share the link of the page where you are having this issue.


Regards,

Pankaj

Pankaj pant wrote:

Hi Maple,

Can you please share the link of the page where you are having this issue.


Regards,

Pankaj

Hi Pankaj, I was refering to this control: https://silkui.outsystems.com/Patterns_Web.aspx#Web_Controls_ButtonDropdown

Whats the corresponding component in new OutsystemsUIWeb to replace it?


Champion

Maple Field wrote:

Pankaj pant wrote:

Hi Maple,

Can you please share the link of the page where you are having this issue.


Regards,

Pankaj

Hi Pankaj, I was refering to this control: https://silkui.outsystems.com/Patterns_Web.aspx#Web_Controls_ButtonDropdown

Whats the corresponding component in new OutsystemsUIWeb to replace it?


Hi Maple,

please see in the image you can use submenu inside the navigation.


Hello Maple!

I think that this component can help you.


Henrique Farias Pereira da Silva wrote:

Hello Maple!

I think that this component can help you.



Thanks Henrique! I think it's a good alternative although the behavior not exactly the same.

Cant seem to find the Submenu in the Outsystems UI Web module.

Has it been replaced with the navigation bar? the behavior isnt really the same though...

Using this as submenu, we have to overwrite too much CSS to avoid those animations, border bottoms, hover behaviours and so on..

Hallo Carlos,

Currently I'm facing the same issue you had that Icon/Inline dropdown is missing in Reactive OS11. Used the SubMenu block, but do have with allignment, borders and so on. 

Are you well-willing to share (a bit) what you've achieved to help me futher? 

Thanks!

Hello Daan,

I have used flex in CSS properties to align and overwrite other properties with the !important syntax. I do not have access to the project client any more but if you need any help let me know with a URL or something.


Best regards

I had the same issue but I used the info balloon to try to replace the functionality of  inline dropdown. And it worked well for the application.

The image that I attach shows the final result of login info.

Regards

logininfo.PNG

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