8 Replies Latest reply on Mar 2, 2018 4:46 PM by md95802659

    How to get a slide to bring up an accordion panel

    md95802659

      Greetings-

       

      I know the title might seem a little confusing, but this is basically what I want to do:

       

      1.) Have a slideshow.  No thumbnails, just a < 1/20 > counter type thing.2.) Each slide has a caption
      3.) However.. (here's the part I can't figure out)... each slide also has it's own text box.  The text is a long-form explanation of the artwork in the slide.  Because it's long, I'd like a "read more" option.

       

      So basically, it'd look like this:

      wframe.jpg

      Is there any way to do this? I'd also like to avoid having a big giant white space at the bottom of the page when the "read more" isn't expanded. 

       

      Thanks in advance everybody!

        • 1. Re: How to get a slide to bring up an accordion panel
          fotoroeder Adobe Community Professional

          I don`t see an easy approach of what you want. I understand, what you want, though.

          From my experience you could "create" a link to another text box elsewhere, unfortunately.

          It´s just very difficult and not possible to put something else inside the captions field.

          If there´s a way to do this, I only do know one man inside tis forum, called Günter.

          Let´s see, if we kindly invite him to pass by, what happens next .

           

          Best Regards,

          Uwe

          2 people found this helpful
          • 2. Re: How to get a slide to bring up an accordion panel
            Günter Heißenbüttel Adobe Community Professional

            This is doable – unfortunaltely with some restrictions. Look at this screencast:

             

             

            The solution:

            • Use a composition widget instead of a slide show widget, and configure it  like a slide show.
            • If you set your image containers to the same width and height as the composition target, the target will scale proportionally just like the image within.
            • Make the composition triggers very small and hide them behind the „Previous“/„Next“ buttons.
            • Now place an accordion into the target.
            • Unfortunately there is a restriction, which prevents to mimic your intention completely: Turning the accordion and the text within upside down by 180 degrees would allow, to slide the accordion panel upwards. But this unfortunately causes the accordion to  leave its position, when the browser window is resized.

            Here you find a sample .muse file: https://www.dropbox.com/s/qy6u5k1n8b7k703/Slideshow-with-expanding-text.muse?dl=0

             

            In addition to Uwe: You can paste whatever you want into the caption box. You can place images, accordions, compositions into it by pasting them inline just as you would do with text. But the result won’t be the expected one. Especially an inline placed accordion won’t expand the caption box, but „bleed“ out of it. Just try!

            1 person found this helpful
            • 3. Re: How to get a slide to bring up an accordion panel
              md95802659 Level 1

              Gunter sounds like the MAN!

               

              I'll definitely give this a whirl!  Thanks so much!

              • 4. Re: How to get a slide to bring up an accordion panel
                md95802659 Level 1

                I do have one question -- is there any way to pin items to each other?http://ireallyshouldbewriting.com/pauletiennelincoln3/glover-s-repository.html

                 

                Here's what I mean:   on this page, the trigger changes both the image and it's caption.  Which is great - exactly what I want.

                 

                However, I am 100% perplexed as to positioning the caption.  I'm trying to make it responsive, but the caption seems to have a mind of it's own.    If the browser is wide enough, the caption is right where it should be, tucked under the image.

                 

                But once you shrink the browser, the caption goes waaaaaaay down, instead of responding to the now smaller image size.

                 

                Here it is: 

                 

                GLOVER'S REPOSITORY

                 

                Is there any way to pin the text box to the relative size of the image?

                • 5. Re: How to get a slide to bring up an accordion panel
                  fotoroeder Adobe Community Professional

                  Why don`t you use the build in caption box? This stays with either the slide show or the compositions target.

                   

                  If you persist in using text box, group the composition and the text box.

                   

                  Best Regards,

                  Uwe

                  • 6. Re: How to get a slide to bring up an accordion panel
                    fotoroeder Adobe Community Professional

                     

                     

                    In addition to fotoroeder : You can paste whatever you want into the caption box. You can place images, accordions, compositions into it by pasting them inline just as you would do with text. But the result won’t be the expected one. Especially an inline placed accordion won’t expand the caption box, but „bleed“ out of it. Just try!

                    I´ll sure give this a try. Sounds interesting to me.

                     

                    Uwe

                    • 7. Re: How to get a slide to bring up an accordion panel
                      Günter Heißenbüttel Adobe Community Professional

                      md95802659: Just download this new example .muse file: https://www.dropbox.com/s/5rll76t2cv2g4uw/Slideshow-with-expanding-text.muse?dl=0

                      Here a short screencast:

                       

                       

                      I think, you have an issue with placing the text box and the control elements correctly:

                      • The text box isn’t allowed to overlap the image, has to be set to „Resize: Responsive Width“, and must be positioned within the composition target.
                      • The control elements have to be placed outside the target, and aren’t allowed to overlap the target
                      • Have a close look at „page 2“ of my linked .muse file.

                      I found a quite tricky way expand the info text upwards:

                      • (Ab)use a manual, vertikal menu. It is very tricky to set up. Just check „page 3“ of my sample file, select the individual menu parts an look into the „Transform“ panel. Be aware, that every small modification will cause the „sub menu“ to snap back to its original position.
                      • This alternative doesn’t work completely „as expected", when scaling the browser window, but you may correct this easily by using breakpoints.

                       

                      ________________________

                      Goodie:

                      Not the problem of this thread, but anyway a nice addition, based on the same workflow:

                      As a „spin off“, the technique, to (ab)use a manual menu, solves one more problem: It provides a simple way, to use popup windows within a text flow. Look at this screencast:

                       

                       

                      Here is a sample .muse file to show, how it is built: https://www.dropbox.com/s/s5r8x6vyksz01m5/menu-based-tooltip.muse?dl=0

                      1 person found this helpful
                      • 8. Re: How to get a slide to bring up an accordion panel
                        md95802659 Level 1

                        I made it work!   What I wound up doing is using tooltip rather than using the accordion widget.

                         

                        Unfortunately this means I had to position it at the top, because the image frame of the slideshow would push the trigger too far down the page when the browser window was shrunk.

                         

                        But thank you everybody because you really helped!  Thank god for these forums!   (They should have a "thanks" button).