Making Print Page and Close Window Buttons in Net Objects Fusion

Description:

These are nothing more than a form button with an onClick="javascript" trigger.

Making a Print Page Button:

1. 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.

2. 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.

3. Insert this line of code in the Inside Tag: 

onClick="javascript:window.print()"

4. Then click OK.

 That wasn't so hard was it? But there's an even easier way to get the job done.

Shortcut to making Print Page Buttons:

1. Draw a text box in your page layout area - above or below your page content.
2. Hit Ctrl+T to bring up an HTML insertion box like the one shown here.

3. Copy & Paste the following code in the HTML insertion box and hit OK.

<input type="button" value="Print Page" onClick="javascript:window.print();">

Shortcut to making Close Window buttons:

1. Follow steps 1 - 3 above and use this HTML code:

<input type="button" value="Close Window" onClick="javascript:self.close();">

Styling buttons:

With a little CSS, you can make your buttons pop without using images.

<input type="button" style="background-color:#FFCC66; color:#000000;font-family:arial,tahoma,sans-serif; font-size:18px; width:175px; height:35px" value="Close Window" onClick="javascript:self.close();">

Simply change the Hex # Color Codes to match you site's color scheme or use this handy Color Picker Tool to help with color selection.

Adjust font-size, width and height values in pixels to fit your needs.

That's all there is to it. We hope you enjoyed this tutorial.