Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3

Thread: SPRY Accordion

  1. #1
    New to the CF scene
    Join Date
    Jan 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    SPRY Accordion

    Could someone take a look at this SPRY accordion.
    http://www.palettedesign.com/staging/al/weddings.html
    I am trying to get the panels to size to the content, but the tab for the third panel ends up in the middle of the content for the second panel.


    Adobe gives some html <script> tags to alter functionality of the widgets.
    The one for Variable Panel Heights does not seem to be working. I think that maybe I have to go into the .js file, but I have no idea what to do.
    I tried posting to the Adobe forum and no one seems to know the answer.

    Here is also the link to the Adobe Spry info...
    http://labs.adobe.com/technologies/s...lePanelHeights

    Thanks

  • #2
    New to the CF scene
    Join Date
    Jan 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    still looking for help

    so I changed it to scroll, but I really don't want it to scroll.
    If someone has some insight into how I can get the variable panel heights to work please let me know.

    Thanks!

  • #3
    New to the CF scene
    Join Date
    Feb 2010
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Kloy, Have you solved your problem?

    I came here with a similar problem and I think I figured it out, simply by using the Adobe resource page you posted and finding a little coding detail was off.

    Right out of the box, when you add an Accordion Widget to your page it's ID is 'Accordian1'. Looking at all the examples they provide (to change the accordion spry widget) they have changed that default ID to 'Acc1'. So, by double checking the code when you copy/paste into your page to make sure the references they use match what you are using should make these modifications work.

    I don't always understand the js but that little text string jumped out at me. Hope this helps.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •