Hi.

 I export my PDF using the following functions:

$(".export-pdf").click(function() {
           // Convert the DOM element to a drawing using kendo.drawing.drawDOM
           var fileName = $(this).data('val');
           kendo.drawing.drawDOM($("#" + $(this).data('val')))
                .then(function(group) {
                    // Render the result as a PDF file
                    return kendo.drawing.exportPDF(group, {
                        paperSize: "auto",
                        margin: { left: "1cm", top: "1cm", right: "1cm", bottom: "1cm" }
                    });
                })
                .done(function(data) {
                    // Save the PDF file
                    kendo.saveAs({
                        dataURI: data,
                        fileName: fileName + ".pdf",
                        //proxyURL: "//demos.telerik.com/kendo-ui/service/export"
                    });
                });
            });

according to this document: http://docs.telerik.com/kendo-ui/framework/drawing/pdf-output#configuration-Custom

 I have defined the font though kendo.pdf.definefont:

kendo.pdf.defineFont({"Verdana" : "/fonts/Verdana.ttf", // this is a URL"Verdana|Bold" : "/fonts/Verdana_Bold.ttf","Verdana|Bold|Italic" : "/fonts/Verdana_Bold_Italic.ttf","Verdana|Italic" : "/fonts/Verdana_Italic.ttf"});

However, i am not sure how to tell the drawDOM object to use the font being defined. because in the example:

var text = new drawing.Text("Hello World", new geo.Point(100, 100));

text.options.set("font", "30px Verdana");

drawing.Text have to be filled with particular text but now i need all the text in the DOM drawing with the custome font.

Thank you.

Why is my grid calling "CreateFooBar" for every row of data when delete and update are submitted? It's probably something stupid but I can't see it.

   @(Html.Kendo()
          .Grid<FooBarViewModel>()
          .Name("FooBarGrid")
          .Sortable()
          .Scrollable()
          .Filterable()
          .Resizable(g => g.Columns(true))
          .Columns(columns =>
          {
              columns.Command(command =>
              {
                  command.Edit();
                  command.Destroy();
              }).Width(150);
              columns.Bound(g => g.Id).Hidden();
              columns.Bound(g => g.Name).Title("Name").Width(200);
              columns.Bound(g => g.FooBarNumber).Title("FooBar<br />Number").Width(200);
              columns.Bound(g => g.CreatedBy).Width(100).Title("Created By");
              columns.Bound(g => g.CreatedDate).Width(100).Title("Created Dt");
              columns.Bound(g => g.ModifiedBy).Title("Modified By").Width(100);
              columns.Bound(g => g.ModifiedDate).Width(100).Title("Modified Dt");
          })
          .DataSource(dataSource => dataSource.Ajax()
              .Model(model =>
              {
                  model.Id(m => m.Id);
                  model.Field(p => p.CreatedBy).Editable(false);
                  model.Field(p => p.CreatedDate).Editable(false);
                  model.Field(p => p.ModifiedDate).Editable(false);
                  model.Field(p => p.ModifiedBy).Editable(false);
              })
              .Batch(false)
              .PageSize(25)
              .ServerOperation(false)
              .Read(read => read.Action("GetFooBars", "FooBar"))
              .Create(update => update.Action("CreateFooBar", "FooBar"))
              .Update(update => update.Action("UpdateFooBar", "FooBar"))
              .Destroy(update => update.Action("DeleteFooBar", "FooBar"))
              .Events(ev => ev.RequestEnd("onSave"))
              .Events(events => { events.Error("onError"); })
          )
          .ClientDetailTemplateId("collectionTemplate")
          .Events(ev => ev.Edit("onEdit"))
          .ToolBar(toolbar =>
          {
                  toolbar.Create().Text("Add FooBar");   
          })
          
          .Editable(editable => editable.Mode(GridEditMode.InLine))
                  .Pageable(pager => pager
                        .Input(true)
                        .Numeric(true)
                        .Info(true)
                        .PreviousNext(true)
                        .Refresh(true)
                        .PageSizes(new int[5] { 25, 50, 100, 200, 500 })
                    )
                    .ColumnMenu()
    )

I'm having an issue with Kendo Grid in Angular where the custom drop down I've implemented will not open when tab navigating to that column. The built in text and number editor fields are editable on tab navigation but my custom drop down will not expand. I have to click on it to get the drop down effect.

My goal here is to allow the user to log an an entire row of data without having to take their hands off the keyboard.

My column is defined like so:

My gridOptions are defined as follows:

Here is my template for the drop down column:

 And finally here is the custom editor for the drop down column:

I know this is a lot to take in but if you have any questions just let me know.
My ultimate goal is that I want the user to be able to navigate the grid using the 'Tab' key and edit every field without having to use the mouse.

Hey there, I have a panel bar that can have multiple items.  I use the select method to do a bunch of code work.  I know want to implement an unsaved changes warning on the page so I need to implement a way to stop the panelbar from expanding or collapsing.

I know I can do it from the expand and collapse events - I have tested this and it works great (e.preventDefault()).  However since I have all of my coding within the select event and I have other actions that sometimes expand and collapse the panels dynamically I would like the ability to stop the panelbar from expanding and collapsing from the select event.  Is that possible?  I do see that the select event fires first.

Thanks,

 Coty

I'm trying to do a multi checkbox filter in my grid, but something is going wrong and i don't know what, here is my grid configuration.

PS: in $scope.data i have all the data i need

I'm using TypeScript and the this object inside the upload event is the instance of the kendoupload, not the angular controller.

To get at a value on the controller, I'm currently using this.$angular_scope.vm.datavariable but is this the best way to access controller variables within the upload event?