web design malta, dnn, dotnetnuke, website design, seo

Follow DotNetMushroom on TwitterFollow DotNetMushroom on LinkedIN
 

Search

Author Title  
Search by Blog Author / Keywords from above tabs or search by Blog Tags by selecting the respective tag below

Blog TagsSelect to Filter Entries

Entries Filtered byDNM

DotNetMushroom Blog

 

All Blog including side menu filters were {Built with DNM RAD}

Loading ...
20/01/2012
Printing DNM RAD Forms
Posted By:Rocco Luke/Tags:PANELTAGS

Printing DNM RAD Forms

One common request which I am sure that most of us using DNM RAD have encountered is the need to provide the data contained within a Form in Printer Friendly format, whilst removing all the fluff and eye-candy which is superfluous on paper.

In the Pre-DNM RAD era, whenever such a requirement was encountered, it usually took us quite a good amount of time to work out the solution, which most of the time involved creating a different form or page which was only suitable for Printing.

However DNM RAD has a good remedy for this conundrum. Whenever the need arises, all one needs to do is to follow the following 3 steps:

  • 1. In the Form Template, add a DNM BUTTON control to the Form.
  • 2. Switch to the Form Properties and select the Print Button.
  • 3. Set the Navigator Type of the Button to ‘PRINT’.

As such, when the Print Button is clicked on a page (image 1) DNM RAD automatically cleans out the skin and extra modules present so that you end up with a Printer Friendly Page (image 2)

[ image 1 ]

[ image 2 ]

Future enhancements to the DNM RAD Print

One possible alteration which you could implement in your system, which is not yet DNM RAD canon, is the implementation of the PrinterFriendly (http://www.printfriendly.com/) functionality.

This is a very good and interesting tool which provides you with a quick and easy way to Print out, Email or Save as PDF your Web Pages and Forms. To top it all up, it also provides the user with the functionality to edit and/or remove content, on the fly, prior to the Page being printed/emailed/pdf’d.

For now, all you need to do is to add the following HTML Code on your Form Template, where you wish to have the ‘Print’ button placed.

“ <script src="http://cdn.printfriendly.com/printfriendly.js" type="text/javascript"</script>
<a href="http://www.printfriendly.com" style=" color:#6D9F00; text-decoration:none;" class="printfriendly" onclick="window.print(); return false;" title="Printer Friendly and PDF">
<img style="border:none;" src="http://cdn.printfriendly.com/pf-print-icon.gif" alt="Print Friendly and PDF"/>
<span style="font-size:16px; margin:0 8px 0 3px;">Print</span>
<img style="border:none;" src="http://cdn.printfriendly.com/pf-pdf-icon.gif" alt="Print Friendly and PDF"/>
<span style="font-size:16px; margin:0 8px 0 3px;">PDF</span>
</a> ”

And that is all. You can now switch to your web page and enjoy the show. Once again, we start off from the Article Page being displayed on screen, and the Print button displayed on top (Image 3). Once the Print button is clicked the PrintFriendly functionality kicks in and from there in it’s as simple as 3.142. (Image 4)

[ Image 3 ]

[ Image 4 ]

Note:
Although current DNM RAD does not inherently implement the PrintFriendly functionality, we have scheduled this update and upgrade to the Button functionality so that in the near future, you’ll be able to find this functionality within DNM RAD as a Button Event, so that you won’t even have to add the above mentioned code.


DotNetMushroom offers
DotNetNuke © (DNN) based web
design in Malta and Worldwide
Copyright (c) 2008 - 2012

Holistic IT Group

web design malta, dnn, dotnetnuke, website design, seo