Canvas Support

Carousel not loading in modal window & Scrollable Div

3 replies · opened Jun 24, 2020

SsemajhtimsJun 24, 2020

Hello, great product, just having two issues:

First is the modal window has an image carousel and the image is not loading on launch (see attached image)

Second in the center section (portfolio) I would like that to be a scrollable div

Site: www.semajhtims.com

Thank You

James

SSemicolon WebSTAFFJun 24, 2020

Hello,

  1. You will need to add Custom JS Codes for this at the bottom of the Page:

$('.bs-example-dtcc-lg').on('shown.bs.modal', function (e) {
	$( '.flexslider .slide' ).resize();
})
  1. To make a DIV scrollable, simply set a Fixed Height and add overflow-y: scroll; to it. Example: style="height: 500px; overflow-y: scroll;".

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.

SsemajhtimsJul 21, 2020

Good Morning,

I added the code but it still does not seem to work:

www.semajhtims.com

can you tell me what it is I am doing wrong?

Thank You

James

SSemicolon WebSTAFFJul 22, 2020

Hello,

The Code appears to be correct. Consider, adding a Timeout to the Resize Function. Example:


$('.bs-example-dtcc-lg').on('shown.bs.modal', function (e) {
	setTimeout( function(){
		$( '.flexslider .slide' ).resize();
	}, 1000);
})

This should work fine. 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