Tabs with ContextMenu

[dav1dMember]

Hello,

I’m building web application using your tab. I want to display a context menu with options: “Add tab”, “Disable tab”, “Close tab” when the user click with the mouse right button on any tab title. Could you help me?

Best regards,

David.

[Peter StoevKeymaster]

Hi David,

We implemented a small sample for you with jqxTabs and jqxMenu widgets. The sample demonstrates how to add a context menu to the Tabs widget. When you right-click on the Tabs widget, a context menu will be displayed with 3 menu items – Add tab, Close tab and Disable tab. Clicking the ‘Add tab’ will add a new tab, ‘Close tab’ menu item will close the selected tab and the ‘Disable tab’ menu item disables the selected tab.

Here is the online demo: jquery tabs with context menu

Download link: jqxTabs.zip

Please feel free to contact us, if you have additional questions.

Best Regards,
Peter Stoev

[CilexParticipant]

Hello,

It seems that context menu doesn’t display on tab headers after reordering tabs (reorder = true, from the same online demo).

Best regards,
Lionnel

[Peter StoevKeymaster]

Hello Lionnel,

The posted sample here is from 4 years ago and is for specific case the user requested. If in your case you should reorder tabs, then you most probably have to reattach the events that open the menu. I would also suggest you to look at the Topics date and if it’s from several years ago, then better create a new topic.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[CilexParticipant]

Hello,

I’ve checked with last version 3.7.0 and the problem is still here.
I’v also tried to reattach the ‘mousedown’ event on jqxTabs when ‘dragEnd’ event is rised but ‘mousedown’ is no more rised or detected on tab headers. Can you show me how to rebind the events that open the menu ?

Best regards,
Lionnel

[CilexParticipant]

Hello,

Just set reorder = true to see that context menu doesn’t open on tab headers.

Best regards,
Lionnel

[Author]

Posts