How do I add a Printable Document to a Site?

by nmh
5 replies
  • WEB DESIGN
  • |
Hi All,

I have an odd situation. I built this site for someone on the requested Ning platform but they want to add a registration (for an event) document for people to print off and register. Initially I added both a PDF and Word version but they were saying due to security reasons on many peoples computers at work, many members are not able to download to print off. I could cut and paste the document into it's own page but it prints everything else around it and not JUST the registration form.

Any suggestions?

THANKS!
#add #document #printable #site
  • Profile picture of the author LikeDaddy
    Your first approach - adding a link to a PDF file - is generally considered the easiest universally accessible approach for displaying documents that must exhibit a very specific format in a cross-browser fashion. However, if the PDF approach is not acceptable for accessibility reasons, then a partial list of other options include:

    1. A link to a separate web page hosted outside of the Ning platform whereon you have placed an (X)HTML/CSS form of the document that excludes all other page elements (e.g., no header, no footer, no navigation, etc.). Keep in mind that even in this approach, the (X)HTML/CSS form of the document must observe cross-browser markup practices in order for all viewers to see the same form layout.

    2. If the Ning platform permits, you can craft the form as an SWF file (i.e., with Flash or SwishMax for example) and use an ActionScript enabled button within the SWF file for purposes of hard-coding what will be printed when the ActionScript enabled SWF button is clicked. Thus, the form and the special "print form" button would all be within the SWF file uploaded to the Ning site.
    {{ DiscussionBoard.errors[4322441].message }}
    • Profile picture of the author nmh
      Originally Posted by LikeDaddy View Post

      Your first approach - adding a link to a PDF file - is generally considered the easiest universally accessible approach for displaying documents that must exhibit a very specific format in a cross-browser fashion. However, if the PDF approach is not acceptable for accessibility reasons, then a partial list of other options include:

      1. A link to a separate web page hosted outside of the Ning platform whereon you have placed an (X)HTML/CSS form of the document that excludes all other page elements (e.g., no header, no footer, no navigation, etc.). Keep in mind that even in this approach, the (X)HTML/CSS form of the document must observe cross-browser markup practices in order for all viewers to see the same form layout.

      2. If the Ning platform permits, you can craft the form as an SWF file (i.e., with Flash or SwishMax for example) and use an ActionScript enabled button within the SWF file for purposes of hard-coding what will be printed when the ActionScript enabled SWF button is clicked. Thus, the form and the special "print form" button would all be within the SWF file uploaded to the Ning site.
      Thanks! Maybe I will try your option #1.
      {{ DiscussionBoard.errors[4323060].message }}
  • Profile picture of the author dsouravs
    use js..........
    Signature

    I can convert your Non-Responsive website to Responsive website ... How sweet is that? :)

    {{ DiscussionBoard.errors[4322511].message }}
  • Profile picture of the author Jonas B
    you have to specify a stylesheet for atrribute print!!

    Then it will print using that stylesheet! So things that you don't want to print, you simply setting: display: hidden;

    something like this:
    <link rel="stylesheet" type="text/css" media="print" href="print.css">
    hope it helps
    Signature
    Proud owner of the most flexible mobile app builder. Check it out at http://bit.ly/hybrica!
    Mobile Web Expert & Android Developer
    {{ DiscussionBoard.errors[4322943].message }}
    • Profile picture of the author nmh
      Originally Posted by Jonas B View Post

      you have to specify a stylesheet for atrribute print!!

      Then it will print using that stylesheet! So things that you don't want to print, you simply setting: display: hidden;

      something like this:


      hope it helps
      Hey Jonas,

      I am not the most technical. How exactly do i do this? THANKS!
      {{ DiscussionBoard.errors[4327521].message }}

Trending Topics