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

Solution

Thanks, 

Please look into this OML. Applied to Dropdown Screen

Drag Navigation Block in the Menu Top and update CSS.

Navigation100.oml

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

yes

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

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

 I need to enlarge the width for list

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. 

it is work, pleas upload oml 



Solution

Thanks, 

Please look into this OML. Applied to Dropdown Screen

Drag Navigation Block in the Menu Top and update CSS.

Navigation100.oml

pleas can you create design like this 

or can you edit in My Oml 

TextEditor.oml

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

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.