92
Views
10
Comments
Solved
How i can make drop down width full  in menu
Application Type
Reactive


How i can make drop down width full  in menu

this URL for demo https://personal-gvhrgamr.outsystemscloud.com/TextEditor/SortMenuItem

I need to make the yellow rectangle full width

 as like attachment Oml 



TextEditor.oml
2021-05-18 02-27-17
Manish Gupta
Champion
Solution

Thanks, 

Please look into this OML. Applied to Dropdown Screen

Drag Navigation Block in the Menu Top and update CSS.

Navigation100.oml
2024-08-27 11-35-25
Ajay Anthony

Hi Andrew, you mean the dropdown width should be of full length in the screen?

2021-01-05 18-22-18
andrew mahfouz

yes

2024-08-27 11-35-25
Ajay Anthony

I see the dropdown gets bounded within a container when using a list, but when the web block directly used in a container dropdown width is full.

https://andrew-ajay.outsystemscloud.com/TextEditor/Detials?_ts=637586043763426669

If a new menu will not be added from the back office in future, you can use the web block directly in Menu block by passing the id from expression to menu2 web block.

I will analyze more to get full width in list.

Regards

Ajay A

2021-01-05 18-22-18
andrew mahfouz

your right but i need widget list to display header menu items like this 

 I need to enlarge the width for list

2021-05-18 02-27-17
Manish Gupta
Champion

Hello Andrew 

Unfortunately, I cannot access the link you have shared in Post but from your screenshot it seems you are looking for something like this - https://personal-9qwkrkgl.outsystemscloud.com/ForumHelp/Dropdown?_ts=637586566851834673 


Please confirm if the Menu at Top helps you to achieve what you are looking for. 

2021-01-05 18-22-18
andrew mahfouz

it is work, pleas upload oml 



2021-05-18 02-27-17
Manish Gupta
Champion
Solution

Thanks, 

Please look into this OML. Applied to Dropdown Screen

Drag Navigation Block in the Menu Top and update CSS.

Navigation100.oml
2021-01-05 18-22-18
andrew mahfouz

pleas can you create design like this 

or can you edit in My Oml 

TextEditor.oml
2021-05-18 02-27-17
Manish Gupta
Champion

I have checked the OML but it seems the complicated structure. Sorry! I cannot handle in same.

You Just need to Replace your Menu Block with the New Navigation Block

2021-01-05 18-22-18
andrew mahfouz

can you update this oml 

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