Hello,
I have kendo treeview in my MVC project. Treeview context menu was showed well in IE by right mouse clicking, but in Firefox the treeview context menu was covered by page default context menu. Could someone have the tip to resolve the context menu issue with Firefox? Below are pieces of code for context menu. Attached image is context menu showed in IE and Firefox.
Thanks in advance.
...
function CreateContextMenu(targetTree) {
var cxtMenuUl = $('#treeViewContextMenu');
cxtMenuUl.css("white-space", "nowrap");
if (cxtMenuUl) {
cxtMenuUl.kendoContextMenu({
// listen to right-clicks on treeview container
target: targetTree,
dataSource: getContextData(),
orientation: "vertical",
select: selectFolderContextMenu,
filter: ".k-state-selected",
open: onOpenLeftContextMenu
});
}
}
function getContextData () {
var data = [{ text: 'Delete', attr: { id: 'delete' } },
{ text: "", cssClass: "k-separator" },
{ text: 'Rename', attr: { id: 'rename' } },
{ text: "", cssClass: "k-separator" },
{ text: 'New Folder', attr: { id: 'newfolder' } },
{ text: "", cssClass: "k-separator" },
{ text: 'Upload', attr: { id: 'upload' } }];
return data;
}
...
I have kendo treeview in my MVC project. Treeview context menu was showed well in IE by right mouse clicking, but in Firefox the treeview context menu was covered by page default context menu. Could someone have the tip to resolve the context menu issue with Firefox? Below are pieces of code for context menu. Attached image is context menu showed in IE and Firefox.
Thanks in advance.
...
function CreateContextMenu(targetTree) {
var cxtMenuUl = $('#treeViewContextMenu');
cxtMenuUl.css("white-space", "nowrap");
if (cxtMenuUl) {
cxtMenuUl.kendoContextMenu({
// listen to right-clicks on treeview container
target: targetTree,
dataSource: getContextData(),
orientation: "vertical",
select: selectFolderContextMenu,
filter: ".k-state-selected",
open: onOpenLeftContextMenu
});
}
}
function getContextData () {
var data = [{ text: 'Delete', attr: { id: 'delete' } },
{ text: "", cssClass: "k-separator" },
{ text: 'Rename', attr: { id: 'rename' } },
{ text: "", cssClass: "k-separator" },
{ text: 'New Folder', attr: { id: 'newfolder' } },
{ text: "", cssClass: "k-separator" },
{ text: 'Upload', attr: { id: 'upload' } }];
return data;
}
...