.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
 
Sign In
Register
 
Win Surprise Gifts!!!
Congratulations!!!


Top 5 Contributors of the Month
david stephan

Home >> Articles >> Silverlight >> Post New Resource Bookmark and Share   

 Subscribe to Articles

How to Print from Silverlight Application?

Posted By:Kunal Chowdhury       Posted Date: March 18, 2010    Points: 25    Category: Silverlight    URL: http://www.dotnetspark.com  

Silverlight 4 now supports printing functionality using the Printing APIs. Using the API's you can now print your whole application screen or a portion of the application. Also, you can customize the look while you printing your part/full application. In this post I will step you guys to the depth of the printing API.
 


Introduction

Silverlight 4 now supports printing functionality using the Printing APIs. Using the API's you can now print your whole application screen or a portion of the application. Also, you can customize the look while you printing your part/full application. In this post I will step you guys to the depth of the printing API.



Prerequisite

Before you start working with the Silverlight 4 printing API, your environment should match the following prerequisite:
  • You are using Windows XP SP2 or higher version of operating system
  • You already installed Visual Studio 2010 RC
  • Latest Silverlight 4 Tools for Visual Studio 2010
If you meet the above prerequisite, we are ready to go to the next step.



Setting up the Silverlight 4 Project

Let us start with a new blank Silverlight application project. Open Visual Studio 2010 and click on File -> New -> Project or just press CTRL + SHIFT + N to open up the new project dialog. Now expand the "Visual C#" section and select "Silverlight". From the right pane select "Silverlight Application", chose the location to create the project and give a proper name (here I am using "Silverlight4.PrintingAPI.Demo" as the project name). Click "ok" which will bring up another dialog. Select "Silverlight 4" & hit ok to create the blank Silverlight application.




XAML Design

Visual Studio will automatically create a "MainPage.xaml" for you and display inside your Visual Studio IDE. You can now design your application as per your need. Let us add some contents inside the page:


    
    
    


Here I am adding a "Border", a "TextBlock" a "ProgressBar" and a "Button" inside the main Grid panel "LayoutRoot" inside the "MainPage.xaml". We will start our printing job once we click on the button. Hence, added the Click event with the button.

Here is the full XAML inside the UserControl/Page:


    
        
        
        
    
    


If you run your application now, it will look similar to this:


image




Code Implementation

This is all about the design part of our sample application. If you run your application now & click the button, it will not do anything for you. You may ask "Why?" and answer is we didn't write any code for the printing. So, let's jump to that section. Let us write the code for printing this page from the Silverlight application when we press the button.  As we already registered the Click_Event to the button, you will find the event implementation inside the code behind file "MainPage.xaml.cs". Write the following code inside that to create the PrintDocument and ask the browser to print your application:


// create an instance of PrintDocument
PrintDocument document = new PrintDocument();

// tell the API what to print
document.PrintPage += (s, args) =>
    {
        args.PageVisual = this.LayoutRoot;
    };

// call the Print() with a proper name which will be visible in the Print Queue
document.Print("Silverlight Print Application Demo");

Now, run your application & once it opens inside the browser click on the "Print" button. If you have already installed printer to your PC, you will notice that the Printer option page opens up in your desktop. Select the desired printer of your choice & click "Print". This will print your entire application.

image




What's Next

So what next? Can we print a small portion of the application? The answer is "Yes, why not?" Lets do a small trick to print a small portion. Ready to go? Hmmm. Open your XAML file "MainPage.xaml". You will see that there is a Canvas inside the Grid which contains the border, textblock and the progressbar. The button is set outside the Canvas named "cnvContainer". Let us print only the canvas part of the application. Go to your "MainPage.xaml.cs" file and modify the click event implementation. The latest code will look like this:

// create an instance of PrintDocument
PrintDocument document = new PrintDocument();

// tell the API what to print
document.PrintPage += (s, args) =>
    {
        args.PageVisual = this.cnvContainer;
    };

// call the Print() with a proper name which will be visible in the Print Qu
document.Print("Silverlight Print Application Demo");

If you look into the implementation you will see that, I have modified the PrintPage implementation only. Earlier the PageVisual was set to grid "LayoutRoot" and now it has been changed to canvas "cnvContainer". Run your application & click on the Print button. The same print option will popup. Select your printer and click print again. This will print only the portion we had selected in the PageVisual. If you recall the previous printed page, there was a button inside the page but now it is not there. Why? Because our cnvContainer which we selected for the printing doesn't contain the "Print" button.

image




Conclusion

I think, this will give you an idea on the printing functionality of Silverlight 4 and now you can proceed to include the same inside your application. You can customize the print view as per your need. This will be beneficial to print out the "Admit Card", "User entered text" etc from your Silverlight application.


 Subscribe to Articles

     

Further Readings:

Responses
Author: sinun         Company URL: http://www.dotnetspark.com
Posted Date: April 06, 2012

Thanks for sharing. Exactly what I'm looking for. How about to print the content output in landscape?

Post Comment

You must Sign In To post reply
Find More Articles on C#, ASP.Net, Vb.Net, SQL Server and more Here

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend