|
 Print this Page
Making Printer Friendly Page Layouts in Net Objects Fusion
Description:
This simple method shows how to copy your web page onto a white background in a Zero Margins Page Layout. There are other ways to make printer friendly pages with server side scripts or by converting web pages to PDF (portable document format) for viewing in Adobe™ Acrobat Reader. But this is the easiest method for most NOF users.
Tutorial:
- In Site View, click on the page icon or page name you wish to copy. Hit Ctrl+C to copy, then Ctrl+V to paste. The creates a duplicate of your page.
- On the Page Properties box, rename your new page and set MasterBorder to Zero Margins.
- In Page Design view, set Page Layout Properties width to something around 600 pixels wide. You may have to adjust or squeeze your content to fit these dimensions (see below for converting content from tables into layouts).
- On the Backgrounds tab, Set Page Background Color to White #FFFFFF, and Page Background Image to None.
- You should see a plain white page layout with no backgrounds, no banners and no navigation elements except for those contained in your content.
Working with table based layouts:
- If your content is mostly inside tables, you may wish to Convert Tables to Layouts or just cut and paste your content from table cells into one large text box. For ease in printing, the less complicated your layout the better. But some lists or charts, for example, may look nicer if nested inside tables. You be the judge.
Centering a page for all browsers
- Click the HTML button on the Page Layout Properties box, and type this line of code in the Beginning of Body tab: <div align="center">
- And then this line of code to close div in the End of Body tab: </div>. Click OK.
Making a Print Page Button:
- Click View menu > Toolbars, select Form Tools to display. Draw a Form Layout box somewhere above or below your page content. Select Create position based form (Layout Region) in the pop-up window and click OK.
- Draw a Form Button inside the Form Layout box and set the Name and Text values to Print; Type: Button and then click the HTML button on the Forms Button Properties box.
- Insert this line of code in the Inside Tag: onClick="javascript:window.print()" then click OK.
That's all there is to it. We hope you found this article helpful and informative.
Print this Page
|
