Skip navigation
Currently Being Moderated

Printing a Spry Accordion form

May 2, 2007 8:29 PM

I have used Spry Accordion to make a rather complex form work very well ..
but now I have a problem. The client wants to be able to print out the form
and I'm having trouble getting it to work. I have put a copy where it can
be viewed but you can see when you do a print preview, only the Accordion
tab that is open is displayed.

Ideally, what I would like is for each tab to go to the next page and print
them all. Any thoughts?

http://www.linkerfinancial.com/printcopyform.asp

Thanks!


--
Nancy Gill
Adobe Community Expert
Author: Dreamweaver 8 e-book for the DMX Zone
Co-Author: Dreamweaver MX: Instant Troubleshooter (August, 2003)
Technical Editor: DMX 2004: The Complete Reference, DMX 2004: A Beginner''s
Guide, Mastering Macromedia Contribute
Technical Reviewer: Dynamic Dreamweaver MX/DMX: Advanced PHP Web Development


 
Replies
  • Currently Being Moderated
    May 3, 2007 10:53 AM   in reply to Newsgroup_User
    Nancy and I have been talking off-line about this, but I thought I'd answer here for the benefit of others.

    If you want to print with all panels open, you have to disable any of the styles on the Accordion that hide overflow, use display:none, or set the heights. Something like this works for me when I print the Accordion sample page we have here:

    http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSam ple.html

    I basically took that page, and added this:

    <style type="text/css" media="print">
    .Accordion {
    overflow: visible !important;
    }

    .AccordionPanelContent {
    display: block !important;
    overflow: visible !important;
    height: auto !important;
    }
    </style>

    The !important is necessary because the widget places inline styles on the panels that are not visible so you want to make sure that when printing, your print style properties trump the inline styles.

    --== Kin ==--
     
    |
    Mark as:
  • Currently Being Moderated
    May 30, 2007 6:54 AM   in reply to Newsgroup_User
    I was searching to do the same thing but for tabs... I wanted to share that this answer solved it for me, here's how:

    .TabbedPanelsContent {
    display: block !important;
    }

    -Mark
     
    |
    Mark as:
  • Currently Being Moderated
    Jun 13, 2007 8:41 AM   in reply to Mark.P.
    I was looking for something similar for the Collapsible Panel. This worked for me.

    .CollapsiblePanel {
    overflow: visible !important;
    }
    .CollapsiblePanelContent {
    display: block !important;
    overflow: visible !important;
    height: auto !important;
    }
     
    |
    Mark as:
  • Currently Being Moderated
    Jun 18, 2007 12:18 PM   in reply to Newsgroup_User
    Would this information regarding printing of the accordion also apply to the tabbed panels widget? I need the hidden panels to linearize in their correct order for printing (via an external print CSS file).

    Skip Keats
     
    |
    Mark as:
  • Currently Being Moderated
    Nov 29, 2007 2:37 PM   in reply to Newsgroup_User
    Maybe someone can help me with an Accordion printing problem. I have the exact same code for my panels and it opens up the panels and you can print until the first page break (the printer goes to page 2) after that it is all blank.

    How could a printer going to another page affect the javascript?
     
    |
    Mark as:
  • Currently Being Moderated
    Mar 31, 2008 8:25 AM   in reply to chester1229
    I am trying to print collapsible panel group, and the code submitted in this thread works, but it cuts it off after the first page.......
    http://www.nmprc.state.nm.us/faqs.htm
    any suggestions other than creating a printable page for each faq?
     
    |
    Mark as:
  • Currently Being Moderated
    Aug 11, 2008 12:36 PM   in reply to Newsgroup_User
    I am also experiencing problems trying to print nested tables inside a SpryHTMLPanel across pages. As IE 6.0 and 7.0 and, IE 5.2 on the MAC, do not recognize the CSS declaration 'page-break-inside: avoid', I am left at the mercy of the browser to print what it can, but again wouldn't it be nice if Microsoft actually utilized, fully, the standards of CSS? Everything prints, its just that it gets cut off on the bottom of the page (HTMLPanel) and then continues at the top where it broke, but then places a break a little further down. It has nothing to do with page margins as the area where it places the break is after my page margin and a half line of content inside the HTML panel. I have tried placing overflow:visible and height:auto, on my TR, TD, and TH and on the HTMLPanel itself to no avail.
     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)