Canvas Support

Flexslider in Modal Box

7 replies · opened Apr 7, 2018

Wweb404Apr 7, 2018

Hi
i have problem with Flexslider in Modal Box

This is demo: http://quiz404.com/1/box.html

If you open modal you can not see slide fully

Help me fix this problem

SSemicolon WebSTAFFApr 9, 2018

Hello,

Add the following JS Code at the bottom of the Page: 


	jQuery('#myModal').on('shown.bs.modal', function (e) {
		setTimeout(function(){
			SEMICOLON.widget.loadFlexSlider();
		}, 500);
	});

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.

Wweb404Apr 10, 2018

it is not woking
p.s. i am not using #myModal check my code

Wweb404Apr 10, 2018

I have update code add


    jQuery('.bs-example-modal-lg57').on('shown.bs.modal', function (e) {
        setTimeout(function(){
            SEMICOLON.widget.loadFlexSlider();
        }, 500);
    });

http://quiz404.com/1/box.html

SSemicolon WebSTAFFApr 12, 2018

Hello,

Thanks for your Patience! Please change 

SEMICOLON.widget.loadFlexSlider();

in the above code with the following: 

$( '.flexslider .slide' ).resize();

This will definitely fix the issue. Hope this Helps!

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

Wweb404Apr 14, 2018

thank you now working.

and if i have to modal box .bs-example-modal-lg57 ..bs-example-modal-lg58
how but there:

    
    jQuery('.bs-example-modal-lg57', '.bs-example-modal-lg58').on('shown.bs.modal', function (e) {
        setTimeout(function(){
           	
$( '.flexslider .slide' ).resize();
        }, 500);
    });
Wweb404Apr 14, 2018

how put in jQuery

SSemicolon WebSTAFFApr 17, 2018

Hello,

This is the correct syntax 

jQuery('.bs-example-modal-lg57, .bs-example-modal-lg58')

Please hire a Freelancer to handle customizations for your Website.

Hope this Helps!

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

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