This is a migrated thread and some comments may be shown as answers.

Grid Printing

6 Answers 104 Views

Grid

This is a migrated thread and some comments may be shown as answers.

6 Answers, 1 is accepted

answered on 27 Jan 2011, 11:07 AM

Hello Shiva,

You could decrease the font size, remove the paddings/margins, etc. Sample code is shown below:

function PrintRadGrid()

{

var previewWnd = window.open('about:blank', '', '', false);

var sh =

'<%= ClientScript.GetWebResourceUrl(radGrid1.GetType(),String.Format("Telerik.Web.UI.Skins.{0}.Grid.{0}.css",radGrid1.Skin)) %>'

;

var shBase = '<%= ClientScript.GetWebResourceUrl(radGrid1.GetType(),"Telerik.Web.UI.Skins.Grid.css") %>';

var styleStr = "<html><head><link href = '" + sh + "' rel='stylesheet' type='text/css'></link>";

var printStyle1 =

".rgRow td, .rgAltRow td, .rgHeader th, .rgHeader a, .rgPager span { font-size: 6pt !important; padding: 0 !important; margin: 0 !important; }"

;

var printStyle2 = "input.rgFilterBox { width: 50% !important; }";

styleStr += "<style type='text/css'>" + printStyle1 + printStyle2 + "</style>";

styleStr += "<link href = '" + shBase + "' rel='stylesheet' type='text/css'></link></head>";

var htmlcontent = styleStr + "<body>" + getOuterHTML($find('<%= radGrid1.ClientID %>').get_element()) + "</body></html>";

previewWnd.document.open();

previewWnd.document.write(htmlcontent);

previewWnd.document.close();

previewWnd.print();

previewWnd.close();

}

Kind regards,
Daniel
the Telerik team

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.