Hi,

If possible, please try to use the latest Metronic v8.1.7 by downloading it from Metronic Downloads.

If your version does not have the init modal function you can add the initTabs after any init methods. The timeout for appearance is not available now but we will consider adding this in a future update. For now, we will add it to our todo list.

Regards.

Hi,

thanks for the quick reply and support! I use the Metronic theme in the latest version.

Re 1. Unfortunately, there is no initModal function in my app.js file, although I never modified this file. However, I did test-copy the initTabs function in various places and then recompiled the assets in each case. But unfortunately without success. What did I do wrong?

To 2. adjusting the hoverTimeout value affects the disappearance of the context menu after moving the mouse somewhere else. However, I am interested in delaying the appearance of the menu when I move the mouse over the button or trigger point. Twitter has something like this when you hover the mouse over a username. Any idea how I can implement this?

Thanks a million!

Hi ,

Thank you for your kind words about Keen. Really appreciate it. May I know if are you using the Keen or Metronic theme?

If you are using the latest Keen v3.x/Metronic 8.x:

1) To activate the tab using the URL hash you should add the below function in src/js/components/app.js right after initModal function and call it under the init function right after initModal call and recompile your assets with gulp or webpack. Then you will be able to activate the tabs using <core>url.com#kt_stats_widget_16_tab_2

var initTabs = function() {
 const hash = decodeURIComponent(window.location.hash).replace(/\s/g, "-").substring(1);
 let tabEl = document.querySelector("[data-bs-toggle][data-bs-target="#" + hash + ""]");

 if (!tabEl) {
 tabEl = document.querySelector("[data-bs-toggle="pill"][href="#" + hash + ""]");
 }
 if (!tabEl) {
 tabEl = document.querySelector("[data-bs-toggle="tab"][href="#" + hash + ""]");
 }

 if (tabEl) {
 bootstrap.Tab.getOrCreateInstance(tabEl).show();
 }
 }

// Default Options
 var defaultOptions = {
 dropdown: {
 hoverTimeout: 200,
 zindex: 107
 },

 accordion: {
 slideSpeed: 250,
 expand: false
 }
 };