RadiantQ jQuery Gantt Package
ContextMenus
Previous Topic  Next Topic 

The Gantt Controls employs several built-in context menus for different portions of the gantt. It also provides a couple of options as to the context menu framework you want to use.

a) ContextMenus with jQuery UI 1.11.4 and later

Beginning jQuery UI 1.11.4, there is support for Context Menus which the Gantt library utilizes for it's built-in context menus. So, if you are linking to this version or later of the jQuery UI (see below), then there is nothing else to refer to for Context Menu support. The gantt will automatically start showing context menus based on menus in jQuery UI.

    <script src="Src/Scripts/jquery-1.11.2.min.js" type="text/javascript"></script>

    <script type="text/javascript" src="Src/Scripts/jquery-ui-1.11.4/jquery-ui.min.js" ></script>


b) ContextMenus with earlier jQuery UI versions

Since these jQuery UI versions do not have any built-in context menu support, the gantt expects you to include the "jquery.contextMenu.js" plugin and "jquery.contextMenu.css" to provide context menu support. You simply have to add a reference to this plugin script file in your html page:

<link href="Src/Styles/jquery.contextMenu.css" rel="stylesheet" type="text/css" />

<script src="Src/Scripts/jquery.contextMenu.js" type="text/javascript"></script>

... and the gantt will automatically start showing context menus built from this plugin.


Support for Other ContextMenu frameworks

If there is a context menu plugin that you would like for the gantt to use, an extension needs to be built for that.


We will continue to add support for popular context menu plugins in future.


Customizing the context menu items is discussed within the GanttControl and FlexyGantt topics.



© RadiantQ 2022. All Rights Reserved.