jQWidgets jqxDockingLayout contextMenu Property

jQWidgets is a JavaScript framework for making web-based applications for PC and mobile devices. It is a very powerful, optimized, platform-independent, and widely supported framework. The jqxDockingLayout is used for representing a jQuery widget that is helpful in creating complex layouts with docked, floated, nested, resized, pinned, unpinned, and closed panels.

The contextMenu property is used to set or return if a custom context menu of the displayed jqxDockingLayout widget will become visible whenever several elements of the widget are right-clicked. It is of type Boolean and its default value is false.

Syntax:

Setting the contextMenu property.

$("#jqxDockingLayout").jqxDockingLayout({ contextMenu: true });

Returning the contextMenu property.

var contextMenu = $('#jqxDockingLayout').jqxDockingLayout('contextMenu');

Linked Files: Download jQWidgets from the given link. In the HTML file, locate the script files in the downloaded folder.

<link rel=”stylesheet” href=”jqwidgets/styles/jqx.base.css” type=”text/css” />
<script type=”text/javascript” src=”scripts/jquery-1.11.1.min.js”></script>
<script type=”text/javascript” src=”jqwidgets/jqxcore.js”></script>
<script type=”text/javascript” src=”jqwidgets/jqxmenu.js”></script>
<script type=”text/javascript” src=”jqwidgets/jqxbuttons.js”></script>
<script type=”text/javascript” src=”jqwidgets/jqxribbon.js”></script>
<script type=”text/javascript” src=”jqwidgets/jqxlayout.js”></script>
<script type=”text/javascript” src=”jqwidgets/jqx-all.js”></script>

Example 1: The below example illustrates the jQWidgets jqxDockingLayout contextMenu property.

Output:

Example 2: The following is another example of the jqxDockingLayout contextMenu property in jQWidgets.

Output:

Reference: https://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxdockinglayout/jquery-docking-layout-getting-started.htm?search=