context-menu
Reactive icon

Context Menu

Stable version 1.0.2 (Compatible with OutSystems 11)
Uploaded
 on 06 January 2023
 by 
5.0
 (2 ratings)
context-menu

Context Menu

Documentation
1.0.2

What is the intention with this forge element?

Definition: A context menu is a pop-up menu that provides shortcuts for actions the user might want to take.

The context menu appears when the user right-clicks anywhere in the context area, right next to the user's mouse.

 

How to implement it?

The component is divided into two public reusable UI blocks (ContextMenu and ContextSubMenu). The Sub-menu block should only be positioned inside a Context menu and a Context menu should stand alone and not be nested inside another menu's Context area.

Use the Context Menu widget, and insert the context area items in the ContextContent placeholder, the context could be everything you see fit for the context. Next, create the menu items or use the Context Sub Menu in the ContextMenuItems placeholder and create as many menu items as are necessary for the context menu.


Menu items classes

If you want the styles used in the demo: Use the class “context_menu_item” for each menu item, both in the “main” and sub-menu. If an item should be disabled add the class “disabled” in in the menu item class list.


Is something missing?

This forge element is created for a specific solution, so all requests are welcome to improve this forge element.


1.0.1

What are the intention with this forge element?

Definition: A context menu is a pop-up menu that provides shortcuts for actions the user might want to take.

If you want an area where a custom menu should appear if the user right click.

 

How to use?

Use the Context Menu widget, insert the context area items the ContextContent placeholder, the context could be everything you seem fit for context. Next, create the menu items or use the Context Sub Menu in the ContextMenuItems placeholder and create as many menu items that is necessary in the context menu.

Menu items classes

If you want the styles used in the demo: Use the class “context_menu_item” for each menu item, both in the “main” and sub menu. If an item should be disabled add the class “disabled” in in the menu item class list.


Are something missing?

This forge element is created for a specific solution, so all requests is welcome to improve this forge element.