TABS not Switching but moving the browser screen

Hi,

thanks! ??

I might create a similar Accordion plugin as you suggested.

For your problem… I think there might be a problem with bootstrap CSS and JS. In this plugin I’m using bootstrap 4.0-alpha-v2. Maybe the theme you are using (or a plugin) already loads the bootstrap CSS and JS and that’s causing the problem.

Could you please create a test page and send me the URL here so I can take a look?

Take care!

Same Problem Here

Below i have made a Page and please look into this if you can.
https://ceylonviewtours.com/tours/

i have the below plugins

contact form 7
easy google fonts
International Telephone Input for Contact Form 7
Livemesh SiteOrigin Widgets
Page Builder by SiteOrigin
SiteOrigin Widgets Bundle
Spacer
Tabs Widget for Page Builder
Title Remover
Toolset Types
Wordfence Security
WP Content Copy Protection & No Right Click
YITH Maintenance Mode

Hi,

I see that your theme is using Bootstrap v3.3.2…

Could you please add this code to the end of your theme functions.php file:

/**
* Set frontend enqueue scripts for PT: Tabs widget for Page Builder
*/
function pt_tabs_enqueue_frontend_scripts( $parameters ){
	$parameters['main-js']  = false;
	$parameters['main-css'] = false;
	return $parameters;
}
add_filter( 'pt-tabs/enqueue_frontend_scripts', 'pt_tabs_enqueue_frontend_scripts' );

This will not enqueue the Bootstrap 4.0 JS and CSS files used in the Tabs widget and it might solve the issue with the themes already running the Bootstrap code.

I currently don’t have time to check on this issue, but I have it on my to-do list so I will get back to it in 14 days. If you could try the above suggestion and report back, that would be great!

Take care!

Thank you very much for the code Capuderg..

it really solved the shifting problem. but now the Tabs are gone. i have the Headings of the tabs as a list. when i click it, it scroll down to the related section.

you can check it by the below link.

https://ceylonviewtours.com/tours/

Hi,

could you please try to remove the code above from your functions.php file and add this code instead:

/**
* Set frontend enqueue scripts for PT: Tabs widget for Page Builder
*/
function pt_tabs_enqueue_frontend_scripts( $parameters ){
	$parameters['main-js']  = false;
	$parameters['main-css'] = true;
	return $parameters;
}
add_filter( 'pt-tabs/enqueue_frontend_scripts', 'pt_tabs_enqueue_frontend_scripts' );

Let me know what the outcome of this is… and thanks for testing these things out ??

Take care!

Thank you for the Code. But when i change the code it is coming to the initial problem. we can see the tab but not switching. instead it is scrolling vertically.

Hi,

this is definitely an issue related the Bootstrap version…

I’ll create a new version that will support bootstrap v3 as well, but I can’t make any promises on when the update will be available (my estimate would be 14 days).

Take care!

Hi,

I tried to recreate the issue on my dev site, but I couldn’t. I don’t own a copy of the “Sydney PRO” theme, but I tried it on their free theme “Sydney” and the Tabs widget works ok (just some style problems).

Achintha which theme are you using? Could you please make the test page available again, so I can check it out? Also did you try to deactivate all plugins except the Tabs widget plugin (to eliminate any plugin conflicts)?

Take care!

Hi Author,

I am also having the same issue. I am using Sydney free theme and the tabs are not switching. Can you please help me.

Thanks.

Hi,

I just tried the free Sydney theme again and the tabs widget is working ok…

My active plugins:
– Page Builder by SiteOrigin,
– Sydney Toolbox,
– Tabs Widget for Page Builder.

Maybe you have some additional plugins and one of them is causing this issue?

Please try to disable all plugins and then activate just the above ones. Let me know if the tabs widget is working ok then.

Take care!

Hi,

I tried switching off the active plugins. But still it is not working. Please look into my website https://www.blick360.in

Please let me know what else can we do.

Thanks,
Rajesh

Hi,

when I inspect your site, the tabs are actually working (they are switching), but it looks like the content is the same on each tab content… I tried the Sydney Skills widgets on the tabs and the content is not updating and that is the problem…

Please try to add a simple Text widget in the Technology Services tab and write something in it (delete the other widgets on this tab), to test if the tabs actually switch to the correct content (this should work).

It looks like the Sydney Skills widgets will not work in the non-first tabs, because they probably fire jQuery animate on page load, where the content of the hidden tabs can’t trigger (because they are hidden). I’m afraid there is nothing I can do to help you from my end. Maybe you can contact the theme support and ask them how to trigger the skill widget on elements that are shown later then on “page load”…

Take care!

I had the same issue, for me what resolved it was disabling the plugin “Table of Contents Plus”
It was probably loading conflicting CSS on the same page. Fortunately I didn’t need it and only enabled it on pages I need it using “Plugin Organizer”

Hi @mishaaltk,

thanks for sharing. ??

Take care!