Hi,

I am working on pdf export , As I am using 

https://www.telerik.com/kendo-angular-ui/components/pdfexport/

By placing the content in the <kendo-pdf-export> component. 

How I can add header and footer (with page number)?

Thanks

Amit

These errors crop up for every one of my app's components that reference a Kendo Angular component. kendo-angular-grid, kendo-angular-chart, and kendo-angular-popup are the most common offenders.

If I build without AOT, it builds fine, but that is not an acceptable solution. Is there some configuration I need to do to make Kendo Angular components work with AOT compilation?

Steps to reproduce:

1. install Angular CLI v 6 globally: yarn global add @angular/cli@latest
2. generate a new Angular 6 test app: ng new TestApp
3. add Kendo Angular Grid: ng add @progress/kendo-angular-grid
4. create a component and add a Kendo Angular grid to it (the basic component from the docs works fine for this: https://www.telerik.com/kendo-angular-ui/components/grid/#toc-basic-usage)
5. edit angular.json, set projects.TestApp.architect.build.options.aot to true:
   
   {

     "$schema": "./node_modules/@angular/cli/lib/config/schema.json",

     "version": 1,

     "newProjectRoot": "projects",

     "projects": {

       "TestApp": {

         "root": "",

         "sourceRoot": "src",

         "projectType": "application",

         "prefix": "app",

         "schematics": {},

         "architect": {

           "build": {

             "builder": "@angular-devkit/build-angular:browser",

             "options": {

               "aot": true,

               "outputPath": "dist/TestApp",

               "index": "src/index.html",

               "main": "src/main.ts",

               "polyfills": "src/polyfills.ts",

               "tsConfig": "src/tsconfig.app.json",

               "assets": [

                 "src/favicon.ico",

                 "src/assets"

               ],

               "styles": [

                 {

                   "input": "node_modules/@progress/kendo-theme-default/dist/all.css"

                 },

                 "src/styles.css"

               ],

               "scripts": []

             },

             "configurations": {

               "production": {

                 "fileReplacements": [

                   {

                     "replace": "src/environments/environment.ts",

                     "with": "src/environments/environment.prod.ts"

                   }

                 ],

                 "optimization": true,

                 "outputHashing": "all",

                 "sourceMap": false,

                 "extractCss": true,

                 "namedChunks": false,

                 "aot": true,

                 "extractLicenses": true,

                 "vendorChunk": false,

                 "buildOptimizer": true

               }

             }

           },

           "serve": {

             "builder": "@angular-devkit/build-angular:dev-server",

             "options": {

               "browserTarget": "TestApp:build"

             },

             "configurations": {

               "production": {

                 "browserTarget": "TestApp:build:production"

               }

             }

           },

           "extract-i18n": {

             "builder": "@angular-devkit/build-angular:extract-i18n",

             "options": {

               "browserTarget": "TestApp:build"

             }

           },

           "test": {

             "builder": "@angular-devkit/build-angular:karma",

             "options": {

               "main": "src/test.ts",

               "polyfills": "src/polyfills.ts",

               "tsConfig": "src/tsconfig.spec.json",

               "karmaConfig": "src/karma.conf.js",

               "styles": [

                 {

                   "input": "node_modules/@progress/kendo-theme-default/dist/all.css"

                 },

                 "src/styles.css"

               ],

               "scripts": [],

               "assets": [

                 "src/favicon.ico",

                 "src/assets"

               ]

             }

           },

           "lint": {

             "builder": "@angular-devkit/build-angular:tslint",

             "options": {

               "tsConfig": [

                 "src/tsconfig.app.json",

                 "src/tsconfig.spec.json"

               ],

               "exclude": [

                 "**/node_modules/**"

               ]

             }

           }

         }

       },

       "TestApp-e2e": {

         "root": "e2e/",

         "projectType": "application",

         "architect": {

           "e2e": {

             "builder": "@angular-devkit/build-angular:protractor",

             "options": {

               "protractorConfig": "e2e/protractor.conf.js",

               "devServerTarget": "TestApp:serve"

             },

             "configurations": {

               "production": {

                 "devServerTarget": "TestApp:serve:production"

               }

             }

           },

           "lint": {

             "builder": "@angular-devkit/build-angular:tslint",

             "options": {

               "tsConfig": "e2e/tsconfig.e2e.json",

               "exclude": [

                 "**/node_modules/**"

               ]

             }

           }

         }

       }

     },

     "defaultProject": "TestApp"

   }
6. run: ng serve
7. let the build complete, open the app to verify that it is working
8. modify the component with the Kendo grid and save the file
9. observe that the build fails

Hi,

is it in any way possible to get the value of a button group? Or at least have a (change) event? I haven't found anything in the docs so far.

Thanks in advance

Regards

Benny

How do I imperatively set the default selected value of a kendo angular combobox?

Hi,

I am exporting grid to pdf but it is not exporting complete data some time. bottom rows are missing.
    

<kendo-grid-pdf fileName="washer.pdf" [allPages]="true" [repeatHeaders]="true" [landscape]="true" [scale]="0.8">
<kendo-grid-pdf-margin top="2cm" left="1cm" right="1cm" bottom="2cm"></kendo-grid-pdf-margin>
<ng-template kendoGridPDFTemplate let-pageNum="pageNum" let-totalPages="totalPages">
<div class="page-template">
<div class="header">
<div style="float: right">Page {{ pageNum }} of {{ totalPages }}</div>
Multi-page grid with automatic page breaking
</div>
<div class="footer">
Page {{ pageNum }} of {{ totalPages }}
</div>
</div>
</ng-template>
</kendo-grid-pdf>


and 
public exportToPDF(grid: GridComponent): void {
        grid.saveAsPDF();
    }

How I can make sure the grid is exporting completely.

Hi guys,

When I upgraded the DropdownListModule from 2.x to the latest stable version I encountered a very strange behavior. In the 2.x version the DropDownListComponent's reset() method actually reseted both the value and the textfield but in the latest version this method only resets the valuefield only not the textField. Is this normal behavior or is it a bug?

Example code: https://stackblitz.com/edit/angular-f7dpzf-wzj24n

Thank You Very Much for your time in advance!

I have an implementation which requires that the scale range for Kendo Radial Gauge which means the values of [from] and [to]  of  <kendo-radialgauge-scale-range> tag continuously changes as a continuous stream of inputs is supplied to the gauge.

https://www.telerik.com/kendo-angular-ui/components/gauges/radialgauge/scale-ranges/

However when the values of  [from] or [to] changes I have noticed the pointer in the gauge drops to zero first and then returns back to the current value. I want to be able to change the values of [from] and [to] of the scale range without the pointer dropping to zero. Is there a way to achieve this?