I am trying  to export a long webpage with many grids and charts to a pdf file with multiple pages. I tried to use the forcePageBreak property but this property breaks the generated pdf. Here is the javascript code of the pdf export:

 exportToPdf:function (){

var className = $(this).data('groupname');

$('.'+className).find('.k-grid-excel').hide();

$('.'+className).find('.removeFromReport').hide();

kendo.drawing.drawDOM($("."+className),

{

forcePageBreak: ".page-break",

margin: { left: "1cm", top: "1cm", right: "1cm", bottom: "1cm" },

paperSize: "auto",

landscape: true,

multiPage: true }) .then(function(group) { 

return kendo.drawing.exportPDF(group, { }); }) .done(function(data) {

kendo.saveAs({

dataURI: data,

fileName: "systemReport.pdf",

proxyURL: "//demos.telerik.com/kendo-ui/service/export" });

$('.'+className).find('.k-grid-excel').show();

$('.'+className).find('.removeFromReport').show();

});

}

I will also attach a zip file with the generated pdf with and without the property forcePageBreak.

Is there any other way to achieve the same functionality.

Many thanks in advance

I'm using the upload widget in via the MVVM framework, and was wondering if there are any options for me to control the text of the "Select files..." button or specify a drop zone via the data-* attributes. 

If you have any kind of dojo sample for this I would really appreciate it.

Thanks -

Erik

Hi,

http://dojo.telerik.com/IyoVU/6

In this dojo, I'm trying to mix validation tooltips on simple fields, with custom validation on grid columns.  I've used your grid example which validates for the product name beginning with a capital.  Run the example, add a row to the grid, enter a product name that is invalid, e.g. "a" and tab off.  The product validation tooltip message is not shown, when I think it should be.  What am I doing wrong?

Thanks,

Scott

Hello Telerik,

I have a problem with the kendo.saveAs() because the server, where the binary files come from, requires an 'Authorization' in the request headers.

I have been looking for an answer but all I found was that the question was asked before, by somebody else, on StackOverflow: http://stackoverflow.com/questions/41406918/kendo-server-export-post-request-headers

But no useful answer was given so i pop the question here because I do need an answer for this :(

Best regards,

Insad

Hi,

I'm trying to display a partial view in a treelist column 

This is the colum definition:

In this codesnippit, the PageID in the first div is displayed correctly for each row in my treelist.

Now I want to use the #: PageID # to be pass into the Html.RenderAction as a parameter (instead of 4)

Thank you!

Hello

I am trying to use Angular Kendo UI Tooltup within the Kendo Validator's errorTemplate but tooltip does not seem to work. Is this supported?

See example http://dojo.telerik.com/IDamo/12

Thanks

Defining a non-empty optionLabel breaks keyboard navigation when ARIA or JAWS is used.

See the example at http://dojo.telerik.com/@richm/OLumO.  Using Chrome and ARIA, I focus the dropdown and press Alt-DownArrow to open the list.  Pressing down arrow again should begin to navigate within the list, but instead ARIA announces "blank" and further down arrow keypresses seems to move navigator seems to move around the HTML document and the dropdown closes.  JAWS behaves similarly.

This does not occur if ARIA or JAWS is not running.

Any help appreciated - thanks.

Hello all,

I am looking for the css class that I can use to override the "v" icon that is shown to the right of a Kendo DropDownList.  If I can't replace the icon itself, I'll settle for changing the color of it. 

For what it's worth, here's my dropdownlist:

var facilityList = Html.Kendo().DropDownList()
.Name("facilityList")
.HtmlAttributes(new { style = "width: 200px;" })
.Items(items =>
{
foreach (var item in Model.Facilities.Values)
{
items.Add().Text(item.Name).Value(item.Id.ToString());
}
});

Hello, I'm new to Kendo and can't find the solution of my problem. 

I've a grid with local data and want to add new records. Thats fine so far. But when I start to scroll chrome says: RangeError: Maximum call stack size exceeded. I think something is missing in my grid configuration.

http://jsbin.com/tozixeroxo/1/edit?js,output

thank you

Hello,

We're trying to find a way to setup a data grid that has locked columns but also has the column widths decided by the content of the cells.  When switching the grid from the default Scrollable true, to false, we get the auto table layout but lose the locked columns.  Is there a way to have both?  We're trying to avoid setting specific widths for each column in the grid.

Thanks