Problem with lightbox widgets within accordion content areas

New Here ,
Sep 24, 2017 Sep 24, 2017

Copy link to clipboard

Copied

Hi. I decided to use the accordion widget for presenting a photographer's portfolio. In each of the 5 accordion content areas I was planning to place a lightbox. As soon as I fill the second content area of the accordion, the thumbnails get destructed and the hero-image becomes much to big. Do you have any idea how to fix that annoying bug? Thanks for help. Please find some screenshots below.

This is how it looks when I just use one lightbox (this is also the way how it should look like):

Bildschirmfoto-2017-09-24-um-14.07.09.jpg

Bildschirmfoto-2017-09-24-um-14.08.32.jpg

This is how it looks as soon as I use two or more lightboxes:

Bildschirmfoto-2017-09-24-um-14.11.17.jpg

Views

382

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Sep 24, 2017 Sep 24, 2017

Copy link to clipboard

Copied

May I ask, wether you use fluid width breakpoints or fixed width breakpoints?

Aren´t you able to change/reduce the size of the thumbs?

Uwe

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Sep 24, 2017 Sep 24, 2017

Copy link to clipboard

Copied

Do you use the gallery lightbox or the composition lightbox?

Uwe

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Sep 24, 2017 Sep 24, 2017

Copy link to clipboard

Copied

I tested it with a simple accordion and the gallery widget out of the box, so only the accordion buttons are my pictures, the thumbs are from Muses gallery.

Adobe Creative Cloud

I was not able to upload to BC because the system was not able to look for the "data-country center"???

Check if you like. If you use a complete different approach we would need a .muse with only one page, containing the accordion with two or three panels and some pictures.

Best Regards,

Uwe

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Sep 24, 2017 Sep 24, 2017

Copy link to clipboard

Copied

Hi Uwe.

Many thanks for your quick and profound answer.

So, I am using fluid width breakpoints and gallery lightbox widgets.

If somehow possible, I would prefer to user the current size of the thumbnails.

I just checked out your work. It works perfect. So, if you allow, I'll copy your test file and fill it with my pics.

Kind Regards, Ronny

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Sep 24, 2017 Sep 24, 2017

Copy link to clipboard

Copied

Thats what I would do, too.

You could also pass/provide your muse, following the above mentioned suggestion.

Reduce your site for us to one page with your accordion and add some pictures, which you feel save with

and provide link through CC or dropbox.

Best Regards,

Uwe

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Sep 25, 2017 Sep 25, 2017

Copy link to clipboard

Copied

Hi Uwe.

I was filling up your file with my pics. Unfortunately I got the same problems.

You know, I am working for a photographer's site. So it is important to handle lots of images in a representative size and quality.

Would you be so kind and have a look to the file I provide on the following link: Adobe Creative Cloud

When you preview it on browser and play around a little bit, the thumbs get stretched and the hero-images become much to big. You will not be able to close the lightbox, too.

However, hopefully you can help me.

Kind Regards, Ronny

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Sep 25, 2017 Sep 25, 2017

Copy link to clipboard

Copied

Let´ see.

Uwe

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Sep 25, 2017 Sep 25, 2017

Copy link to clipboard

Copied

No need to fiddle around any more! This is a bug (not fixed in latest prerelease), which is easily reproducible by placing a standard accordion (stretch to browser width) and nest a standard lightbox slide show into it.

I reported this in the prerelease forum. Don’t think, there actually is a workaround.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Sep 25, 2017 Sep 25, 2017

Copy link to clipboard

Copied

Thanks for saving my time.

Uwe

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Sep 25, 2017 Sep 25, 2017

Copy link to clipboard

Copied

Ok, thanks for your time, guys.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jan 18, 2018 Jan 18, 2018

Copy link to clipboard

Copied

Any improvements in this case?

I have the same problem, the Thumbs are too small and wrong placed. Hero img is to small aswell...

The thing is, the one accoridion part that i have open in mus always shows up correct (in all breakpoints), the others don't.

any further ideas?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jan 18, 2018 Jan 18, 2018

Copy link to clipboard

Copied

LATEST

This is not „the same problem“ at all.

Please open a new thread and show us a screenshot, or better give us a link to a free test site, published to businesscatalyst by using the „Publish“ button top right of Muse’s application window.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines