|
 Print this Page
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.
Print Page Button Shortcut:
- Draw a text box in your page layout area - above or below your page content.
- Hit Ctrl+T to bring up an HTML insertion box like the one shown here.
- Copy & Paste the following code in the HTML insertion box and hit OK.
<input type="button" value="Print Page" onClick="javascript:window.print();">
Close Window button Shortcut:
- Follow steps 1 - 3 above and use this HTML code:
<input type="button" value="Close Window" onClick="javascript:self.close();">
Styling your form buttons with CSS:
<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 your 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.
|
