How to make my second tab the default one in my panel page?

The CMS Questions
5

Ok, I came up with a dirty hack. Doesn’t look too nice code wise, but it works. :wink:

I just insert an invisible a tag on top of the actual link via JavaScript and that a tag can then do the proper routing to the tab directly:

document.addEventListener("DOMContentLoaded", function() {
  window.setTimeout(() => {

    const topBarViewButton = document.querySelector('.k-topbar-view-button');
    const workLink = document.createElement("A");
    topBarViewButton.parentNode.insertBefore(workLink, topBarViewButton);

    workLink.classList.add('.k-link', '.k-topbar-button');
    workLink.href = "/panel/site#work";

    Object.assign(workLink.style, {
      width: topBarViewButton.offsetWidth + "px",
      height: topBarViewButton.offsetHeight + "px",
      left: topBarViewButton.offsetLeft + "px",
      position: "absolute"
    });

  }, 500);
});

As you see, this has some really nasty sizing, but it works well for my specific use case. Maybe somebody else finds it useful in the future.