Progress Pacific

Leverage Progress Technologies for Telerik Developers – Resources from the Webinar

Progress PacificTelerik Developers are Ninjas in their software development capabilities. Now, they have new tools/technologies to leverage in their quest for better solutions. These exciting enterprise grade technologies range from Business Rules Engine to Drag and Drop Application Development.
This session is an overview of the Progress tools.

The slides used at the presentation:

The video from the session is available here:

excitement.17502203_std

Warm Webinars for the “Cold” January

excitement.17502203_std2014 was an exciting year for us here in Telerik India. 2015 is already more of action than 2014.

Telerik joined hands with Progress Software (technically got acquired) to bring even more enterprise grade software to you. Now, we have an even broader range of software to offer you.

We have started 2015 with an announcement of Telerik’s first Developer Conference on May 3-5 2015 in Boston, USA. Called TelerikNEXT, the registrations are almost full after being open for just a week.

For Ninja’s that can’t keep their hands of technology, Telerik India is happy to announce the upcoming “warm” webinars upto the month of Feb ’15:

Title Date Time
Leveraging New Tools from Progress Technologies for Telerik Developers Jan 29th 2015 3:00 – 4:00 PM
Getting Started with ASP.NET vNext – The new way of Web Apps Feb 5th 2015 3:00 – 4:00 PM
Testing Kendo UI and Angular Applications Easily with Telerik Test Studio Feb 19th 2015 3:00 – 4:00 PM
Easily Export data from Grid using Kendo UI Feb 26th 2015 3:00 – 4:00 PM

We are keeping our developer on. The famed Ninja T-Shirts are still coming for the participative ones amongst you.

In case you would like to see a session in the future, do leave us a comment so that we can cover the same.

Microsoft Developers Express Huge Interest with Telerik Technologies at TechEd India

TechEd India 2014 is the premier annual event of Microsoft conducted in Bangalore, India. This year TechEd was hosted on Nov 5 & 6 2014. Telerik India was a proud bronze sponsor at the event. Telerik presence was marked with an exclusive booth that had technical staff available to answer any questions that the community may have. The presence was accentuated with a huge backdrop with Telerik logo & design.

TechEdBooth

On Day 1, we were ready for the crowd. But the rush at the booth was not what we were prepared for. The showcase area was a big room the sponsors had their booths put up. Within no time we had a big crowd around our booth talking about the latest from Telerik technologies. Most of the talk was around our AJAX/Kendo UI suites. We give away our much loved Ninja T-shirts to the most enthusiastic lot. We had a lot of questions on our DevCloud offering as well.TechEdCrowd

Lohith Nagaraj, delivered a jam packed session on Day 2 from the main stage at TechEd India. Titled “ASP.NET MVC – Latest & Greatest So Far” the session saw over 300+ folks voting by their feet.

We are fortunate to have been a part of the last TechEds for the event will be reborn as Ignite from the next year. We were humbled by the confidence developers expressed in Telerik Technologies and will continue to deliver on the innovation in the years to come.

Kendo UI Grid

Simple Export to PDF from your Data Grid using Kendo UI

In my last blog post, we looked at a new feature of Kendo UI Grid released as part of our Q3 2014 – namely Export to Excel. Exporting data from Data Grid was a high ask feature and we provided that in our latest release of the product. In this blog post we will look at how to export the data grid contents to PDF. Kendo UI Data Grid support exporting to PDF out of the box. So let’s start looking at some code.

Creating a Grid:

As usual let’s build a simple grid. I will make use of our Northwind service available on our demo server as a data source to the grid. Here is the code snippet:

<div id="grid"></div>
<script>
   $("#grid").kendoGrid({
       dataSource: {
           type: "odata",
           transport: {
               read: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Products"
           },
           pageSize: 7
       },
       sortable: true,
       pageable: true,
       columns: [
           { width: 300, field: "ProductName", title: "Product Name" },
           { field: "UnitsOnOrder", title: "Units On Order" },
           { field: "UnitsInStock", title: "Units In Stock" }
       ]
   });
</script>

This will produce the following grid:

Kendo UI Grid

Kendo UI Grid

 

Providing Export Option on the Grid:

As seen in my previous blog post on Excel Export, for PDF also we have a command bar option available out of the box. We just have to add a toolbar command named “pdf”. This will provide an “Export to PDF” on the grid toolbar and clicking which will export the Grid to PDF. Here is the code snippet:


<script>
   $("#grid").kendoGrid({
       tooldbar:[“pdf”]      
       ….
       //code omitted for brevity
   });
</script>

And here is the snapshot of how our grid will look like now:

Kendo UI Grid with Export button

Kendo UI Grid with Export button

If we now click on the “Export to PDF” we will get the Grid exported to a PDF document and the PDF will be saved to your system. Here is a snapshot of the PDF file itself:

PDF Document

PDF Document

Well that’s all it takes to export your Grid data to PDF.

Customizing the Exported PDF File:

Kendo UI Grid also provides certain options which can be set on the grid itself and these options will control how the PDF exported file has to be shaped. Here are the options supported for PDF export:

Property Type Description
author String Author of PDF Document
creator String Creator of PDF Document. Defaults to “Kendo UI PDF Generator”
date Date Date when PDF Document was created. Defaults to current date
fileName String Name of the exported PDF Document
keywords String Keywords of exported PDF Document
landscape Boolean Paper dimension setting. Default is false
margin Object Specify margins of the page
paperSize String Specify paper size of PDF Document. e.g. A4, A3 etc
subject String Specify subject of the PDF Document
title String Specify title of PDF Document

Here is the code snippet on how to set the PDF options:

<script>
   $("#grid").kendoGrid({
       tooldbar:[“pdf”],
        pdf:{
              author:"Lohith G N",
              creator:"Telerik India",
              date:new Date(),
              fileName:"NorthwindProducts.pdf",
              keywords:"northwind products",
              landscape:false,
              margin:{
                      left: 10,
                      right: "10pt",
              top: "10mm",
               bottom: "1in"
              },
              paperSize:"A4",
              subject:"Northwind Products",
              title:"Northwind Products"
       },     
       ….
       //code omitted for brevity
   });
</script>

Programmatically Export to PDF:

Toolbar option to provide an export option is great. It lets you add export feature without much of you doing any coding. But what if you have a situation where you want to a button outside of the Grid i.e. no toolbar button. And you want the grid to be exported to PDF on click of that external button. Kendo UI Grid covers you in this scenario by exposing a method called “saveAsPDF()”. You just grab instance of the grid at runtime and invoke the method “saveAsPDF()” to start the export. That’s as easy and simple it is. Here is the code snippet to show this:


&nbsp;

<div id="grid"></div>
<br>
<button id="btnExport">Export to PDF</button>
<script>
$("#btnExport").kendoButton(
{
click:function(){
$("#grid").data("kendoGrid").saveAsPDF();
}
});
//code omitted for brevity
</script>

That’s all its there to exporting the data grid to a PDF document. Do give it a try and let us know if you have any suggestion/feedback on this feature.

All the code in this blog post can be accessed on our Kendo UI DoJo here: http://dojo.telerik.com/@kashyapa/ADUVi