Responsive Tabs in Modal

5 replies · opened Feb 25, 2017

DdaihloFeb 25, 2017

Hello :)

Im using the responsive tabs code (from the tabs.html file) inside a modal, but for obvious JS initialisation reasons, the tabs don't function correctly when clicked or the page is resized.

I presume I need to initialise the tabs somehwere and somehow, could you advise please?

Live URL:
http://jewelnet.ltd/eq ['learn' link on first portfolio mouseover layer]

Thanks for your help :)

SSemicolon WebSTAFFFeb 28, 2017

Hello,

This is Definitely Possible. Simply add the following JS code at the bottom of the Page just after the js/functions.js JS File Linking:


	jQuery('[data-lightbox="ajax"]').on( 'mfpOpen', function(e) {
		SEMICOLON.widget.tabs();
		SEMICOLON.widget.tabsResponsive();
		SEMICOLON.widget.tabsResponsiveResize();
	});

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

DdaihloFeb 28, 2017

Hey there :)

Is this code correct?
I have followed your instructions, but get only 'index.php: 386 Uncaught SyntaxError: Invalid or unexpected token' in the inspector and not the desired functionality.

The live URL:
http://jewelnet.ltd/eq/index.php

The first image --> learn button.

Thanks.

DdaihloFeb 28, 2017

Follow-up:

I found the problem with the code you posted (the syntax errors at least) - it was caused by 'false' quotes copied from the original code in the post above - once I replaced the quotes for normal ones, the syntax error went away - now to set uit up again and see if the code acheives the desired result.

DdaihloFeb 28, 2017

This works perfectly now, just as required.
Thanks :)

SSemicolon WebSTAFFMar 10, 2017

Hello,

We Really Apologize about the Delay! It appears to be have been formatted incorrectly by the Forums. We have fixed the code now. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard