Advanced Settings

 Summary

  • By default, Tabs Pro includes its own versions of jQuery, Bootstrap and other clients site libraries. This is in order to avoid conflicts.
  • Use the advanced settings to disable inclusion of these libraries, if you know that your page already includes them
  • Tabs Pro uses a special container for modules includes inside tabs. This container can be change, but make sure you follow the same structure
  • Some components on the page take longer to initialize, and would fail if included in tabs too early. Use the Delay option to give them some more time
  • Administrators can limit the number of tabs that can be displayed, so content editors can't go beyond that.

Theme Provider for Bootstrap and jQuery UI

Tabs Pro is based on Bootstrap and on jQuery UI, therefore it supports all themes available in jQuery UI as well as the Bootstrap theme. You can select one theme from the jQuery UI dropdown list or you have the possibility to load it from Google CDN from your server. By configuring Tabs Pro to load themes from Google Code, it usually results in faster downloads; the themes may be already cached by the browser from visiting other sites.

You can also manually set the URL if you're using your own CDN and you have the possibility to create your own theme (more on this can be found on How to page) and if you want to use jQuery UI, which we don't recommend, you can use the theme roller in order to customize your own theme. As for Bootstrap, you can customize it via .css - more on this can be found on How to page.

Tabs Pro comes with two effects supported by jQuery UI Tabs plugin: fade and slide and for Bootstrap, the fade effect, options which can be selected from the Transition Effect dropdown list, but beware of the fact that on accordion, the transition effect is not supported, therefore when selecting on Tabs Layout the accordion option, no matter the provider you'll choose, the Transition Effect option will not be available.

Set the Maximum Number of Tabs

With Tabs Pro module, you have the option to limit the total number of tabs that content admins can create. Note that these settings are visible only to portal administrators, therefore when other group of users, like content editors, which have the right to edit the module, no matter the number of tabs they create, the final display will be the limited number of tabs previously set by the Admin.

Containers

On Tabs Pro, we added the ability to use different containers to identify the modules which need to be included in the tabs. If you need to build your own container, beware that you have to keep the tabsProC CSS Class on your root container element.

Note: Using other container than Tabs Pro can cause some issues.

Delay Option

You have the ability to delay the initialization of the content inside the tabs - as you can see from the image attached below, this is specified in milliseconds. This fixes issue with some modules that need to initialize before being included in tabs.

Append IDs to bookmarks

This option is activated by default and once enabled, TabsPro will append the tab name followed by its id in order to ensure there is no conflict between tabs, for example, when a tab is clicked, the URL will be formed like this: site.com/page-name.aspx#tab-name-tabid (http://www.site.com/Contact-us.aspx#about-2).
Comments