165
Views
9
Comments
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
Rank: #37

Hi Maple,

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


Regards,

Pankaj

Rank: #53001

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
Rank: #37

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.


Rank: #597

Hello Maple!

I think that this component can help you.


Rank: #53001

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.

Rank: #14560

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...

Rank: #3840

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

Rank: #5149

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!

Rank: #3840

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