Orbit Slideshow doesn't show until I...

User 2535875 Photo


Registered User
46 posts

I am working on a site that has orbit slideshows inside of accordion containers. When I expand the accordion, the forward and back arrows show up but no pictures. If I change from full screen to a window, the images show up and work correctly even when I go back to full screen. The same happens on my phone. I turn it sideways and the images show. Any thoughts or a better way of handling this?

https://www.northlandcase.com/gallery.html
expand "Tri-State Antique Engine and Thresher Show - Bird City, KS (2020)"
User 2699991 Photo


Registered User
5,313 posts

Mark Tellefson wrote:
I am working on a site that has orbit slideshows inside of accordion containers. When I expand the accordion, the forward and back arrows show up but no pictures. If I change from full screen to a window, the images show up and work correctly even when I go back to full screen. The same happens on my phone. I turn it sideways and the images show. Any thoughts or a better way of handling this?

https://www.northlandcase.com/gallery.html
expand "Tri-State Antique Engine and Thresher Show - Bird City, KS (2020)"


Hi Mark

can you send me the project file please,, I can take a better look with that
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
User 122279 Photo


Senior Advisor
14,632 posts
Online Now

What is the height you have for the panel?
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2535875 Photo


Registered User
46 posts

The accordion pane is set to auto. I tried setting the orbit container and picture minimum height to 450 but get the same result.

Wayan: I am working on a shared location you could access the file since it is too large to email.
User 2699991 Photo


Registered User
5,313 posts

Mark Tellefson wrote:
The accordion pane is set to auto. I tried setting the orbit container and picture minimum height to 450 but get the same result.

Wayan: I am working on a shared location you could access the file since it is too large to email.


Because the accordion is "all Closed" the height is determined by the "is Active function in JS (which fires when a trigger for the pane is clicked)

If you chose a different accordion (one in which a pane is open on load, and put the orbit in that, then it is fine,,,,, otherwise it is some messing about required with JS and CSS
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
User 2699991 Photo


Registered User
5,313 posts

The problem is that if you set custom code CSS for overwriting the height of that container (which gets the class "Is-active") the all the other containers wll be given the same height when they become "active"
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
User 2535875 Photo


Registered User
46 posts

That seems to be doing the trick. Thanks.
User 2535875 Photo


Registered User
46 posts

That fixed the first one loading but when I add the orbit to the other containers they don't load when I try to expand them. I have been messing with trying to force the height to remain the same.
User 2699991 Photo


Registered User
5,313 posts

Mark Tellefson wrote:
That fixed the first one loading but when I add the orbit to the other containers they don't load when I try to expand them. I have been messing with trying to force the height to remain the same.


Sorry I don't understand

What fixed the first one?
I just got your project file and have done a fix for that orbit slider

so are you now saying you want the other 2 accordion containers to contain a orbit slider too?
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
User 2535875 Photo


Registered User
46 posts

Correct. I was going to have orbit sliders in each container. Is this a bad idea? Should I just go back to an index page that takes you to separate gallery or slideshows?

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.