Topic Tag: Toolset Starter Theme

Problem:
The issue here is that the customer wanted to manually link to a Layouts Tab.

Solution:

Dynamically switch Layouts Tab options using a url parameter.

jQuery("document").ready(function() {
 jQuery.urlParam = function(name){
    var results = new RegExp('[?&]' + name + '=([^&#]*)').exec(window.location.href);
    return results[1] || 0;
}
    setTimeout(function() {
          if(jQuery.urlParam('tab') == 2){
          jQuery(".nav-tabs li:nth-child(2) a").click();
          }else if(jQuery.urlParam('tab') == 3){
              jQuery(".nav-tabs li:nth-child(3) a").click();
          }
    }, 10);
});

To use this ensure that you are on a page that has the Layouts Tabs section. Notice Layouts uses 2 classes for the tabs.
If you are using the Buttons option you will need to use “.nav-pills” and for the regular tabs “.nav-tabs”

Example use case “mytesturl/somepage?tab=2” will select tab 2 when the page is loaded instead of defaulting to tab 1.
Forum more information -> https://toolset.com/forums/topic/static-links-to-specific-tab-in-the-tabs-layout-element/