Articles in this section
Category / Section

How to set orientation while export to pdf?

2 mins read

Solution:

We can change the Orientation of the page as “Landscapeby set the “Landscape” property of the “PdfPageOrientation” class while exporting the grid in pdf.

Example:

JS:

<script type="text/javascript">
$("#Grid").ejGrid({
dataSource: ej.DataManager({ url: "http://js.syncfusion.com/ExportingServices/Northwnd.svc/Orders/", offline: true }),
allowPaging: true,
//Enable pdf export icon
toolbarSettings: { showToolbar: true, toolbarItems: [ej.Grid.ToolBarItems.PdfExport] },
columns: [
                        { field: "OrderID", headerText: "Order ID", width: 75 , textAlign: ej.TextAlign.Right },
                        { field: "CustomerID", headerText: "Customer ID", width: 80 },
                        { field: "EmployeeID", headerText: "Employee ID", width: 75, textAlign: ej.TextAlign.Right },
                        { field: "ShipCity", headerText: "Ship City", width: 110 },
                        { field: "ShipCountry", headerText: "Ship Country", width: 110 }
                ],
toolbarClick: function (e) {
        this.exportGrid = this["export"];
        if (e.itemName == "PDF Export") {
            //call to ExportToPdf method
            this.exportGrid('api/Values/ExportToPdf’)
            e.cancel = true;
        }
});
 </script>

 

ValuesController.cs

public void ExportToPdf(string GridModel)
{
PdfDocument document = new PdfDocument(); 
document.PageSettings.Orientation = PdfPageOrientation.Landscape; //Sets landscape page orientation.
PdfExport exp = new PdfExport();
exp.Export(obj, DataSource, "Export.pdf", false, false, "flat-saffron" , false , document, "Grid");
}

 

MVC:

@(Html.EJ().Grid<object>("FlatGrid")
.Datasource((IEnumerable<object>)ViewBag.datasource)
.Columns(col =>
        {
            col.Field("OrderID").HeaderText("Order ID").IsPrimaryKey(true).TextAlign(TextAlign.Right).Width(75).Add();
            col.Field("CustomerID").HeaderText("Customer ID").Width(80).Add();
            col.Field("EmployeeID").HeaderText("Employee ID").TextAlign(TextAlign.Right).Width(75).Add();
            col.Field("ShipCity").HeaderText("Ship City").Width(110).Add();
            col.Field("ShipCountry").HeaderText("Ship Country").Width(110).Add();
        })
.ToolbarSettings(toolBar => toolBar.ShowToolbar().ToolbarItems(items =>
  {
//Enable pdf export icon
    items.AddTool(ToolBarItems.PdfExport);
  })
)

 

GridController.cs

public void ExportToPdf(string GridModel)
{
PdfDocument document = new PdfDocument(); 
document.PageSettings.Orientation = PdfPageOrientation.Landscape; //Sets landscape page orientation.
PdfExport exp = new PdfExport();
exp.Export(obj, DataSource, "Export.pdf", false, false, "flat-saffron" , false , document, "Grid");
}
 

 

ASP:

<ej:Grid ID="FlatGrid" runat="server" AllowSorting="True" OnServerPdfExporting="FlatGrid_ServerPdfExporting" AllowPaging="True">
//Enable pdf export icon
<toolbarsettings showtoolbar="true" toolbaritems="pdfExport"></toolbarsettings>
<columns>
    <ej:column field="OrderID" headertext="Order ID" isprimarykey="True" width="75" />
    <ej:column field="CustomerID" headertext="Customer ID" width="80" />
    <ej:column field="EmployeeID" headertext="Employee ID" textalign="Right" width="75" />
    <ej:column field="ShipCity" headertext="Ship City" width="110" />
    <ej:column field="ShipCountry" headertext="Ship Country" width="110" />
</columns>
</ej:Grid>
 

 

Default.aspx.cs

protected void FlatGrid_ServerPdfExporting(object sender, Syncfusion.JavaScript.Web. GridEventArgs e)
{
PdfDocument document = new PdfDocument();
document.PageSettings.Orientation = PdfPageOrientation.Landscape; //Sets landscape page orientation.
PdfExport exp = new PdfExport();
exp.Export(FlatGrid.Model, (IEnumerable)FlatGrid.DataSource, "Export.pdf", true, true, "flat-lime",false , document, "Grid");
        
}

 

Note: We need to refer the “Syncfusion.Pdf.Basedll to access the Pdf options. Please refer the below screen shot.

 

http://www.syncfusion.com/downloads/support/directtrac/138718/404837865_51f3ac69.PNG 

Result:

 

                                                              Figure: Grid in Landscape orientation while pdf exporting.

 

Did you find this information helpful?
Yes
No
Help us improve this page
Please provide feedback or comments
Comments (0)
Please sign in to leave a comment
Access denied
Access denied