I'm creating an image that has an image that uses a variable to complete the src of the image, as shown below:

When I use this form, the image appears on the page, but in the creation of the PDF it is not shown.
When I switch to a still image, as shown below, it works.

Do you have any configuration, or how to resolve this?

Hi all,

I've tried using kendo-chart, when setting Opacity property for tool-tip, it's not working while the javascript version does.

I've also tried to use inspect element tool in browser to determine what html will be rendered. 

I recognized that the html code rendered by Angular is not the save as the version rendered by Javascript

Please be informed.

Kendo-angular:

<kendo-chart-tooltip [shared]="true" [border]="{color:'red'}" [opacity]="0.8" >

</kendo-chart-tooltip>

kendo-angular-html rendered:

<kendo-popup class="k-animation-container k-chart-tooltip-wrapper k-animation-container-shown" style="left: 650px; top: 414px;">
<div class="k-popup">
<div ng-reflect-ng-class="[object Object]" ng-reflect-ng-style="[object Object]" class="k-chart-shared-tooltip k-chart-tooltip" style="border-color: red; opacity: 0.5; border-width: 1px;">

Kendo-javascript :

<script>
$("#chart").kendoChart({
  series: [{
    data: [1,2,3]
  },{
    data: [1,2,3]
  },{
    data: [1,2,3]
  }],
  tooltip: {
    visible: true,
    shared: true,
    opacity : 0.5
  }
});
</script>

html render

<div class="k-tooltip k-chart-tooltip k-chart-shared-tooltip" style="position: absolute; opacity: 0.5; border-width: 1px; top: 342px; left: 201px; display: flex;">
</div>

We are using the date range popup and need to add the option pick a start and date time in the popup.

Is this possible?

See attached image.

I have a grid that I am displaying a column that is a composite field/object.  The 'createdUser' field is an object with lastName and firstName properties (among others).  The column is displaying properly, combining the lastName and firstName into a single column.  

I would also like to group by that column.  How would I group by the composite column (using both lastName and firstName)?  Here is the column definition:

        <kendo-grid-column field="createdUser" title="Created By"
                           [style]="{'font-weight': 'bold', 'line-height': '1em'}"
                           [headerStyle]="{'line-height': '1em'}">
          <ng-template kendoGridGroupHeaderTemplate let-group let-field="field" let-value="value">
            {{value.lastName}},&nbsp;{{value.firstName}}
          </ng-template>
          <ng-template kendoGridCellTemplate let-dataItem>
            <span style="font-weight: bold;">{{ dataItem.createdUser.lastName }},&nbsp;{{ dataItem.createdUser.firstName}}</span>
          </ng-template>
        </kendo-grid-column>

This displays properly, but everything is in a single group (when grouping).  Probably due to the field='createdUser' being an object.

Any ideas on how to accomplish?

Thanks,

Tim

After updating to Angular 9, none of the dropdown buttons are working. 

I have the simple example:

<kendo-dropdownbutton [data]="data">
User Settings
</kendo-dropdownbutton>

And when the page renders the console shows:

core.js:6189 ERROR TypeError: Cannot read property 'nativeElement' of undefined
    at DropDownButtonComponent.get focused [as focused] (index.js:2688)
    at DropDownButtonComponent_HostBindings (index.js:2905)
    at setHostBindingsByExecutingExpandoInstructions (core.js:11535)
    at refreshView (core.js:11904)
    at refreshComponent (core.js:13295)
    at refreshChildComponents (core.js:11586)
    at refreshView (core.js:11909)
    at renderComponentOrTemplate (core.js:11983)
    at tickRootContext (core.js:13457)
    at detectChangesInRootView (core.js:13491)
    at RootViewRef.detectChanges (core.js:15182)
    at ApplicationRef.tick (core.js:42907)
    at ApplicationRef._loadComponent (core.js:42957)
    at ApplicationRef.bootstrap (core.js:42883)
    at core.js:42475

When I click the button, just a small empty popup shows.

I am using:

"@progress/kendo-angular-dropdowns": "^4.2.6",

"@progress/kendo-angular-buttons": "^5.4.0",

Does anyone know what might be the issue here? 
Thanks.

There are error at console with this message "ERROR TypeError: Cannot read property 'nativeElement' of undefined"

you can see it at this link
https://stackblitz.com/edit/angular-k4mfsv?file=src%2Fapp%2Fapp.module.ts

Angular 9

kendo modules installed 
    "@progress/kendo-angular-buttons": "^5.4.0",
    "@progress/kendo-angular-common": "^1.2.2",
    "@progress/kendo-angular-dateinputs": "^4.2.2",
    "@progress/kendo-angular-dialog": "^4.1.3",
    "@progress/kendo-angular-dropdowns": "^4.2.6",
    "@progress/kendo-angular-excel-export": "^3.1.3",
    "@progress/kendo-angular-grid": "^4.7.0",
    "@progress/kendo-angular-inputs": "^6.5.0",
    "@progress/kendo-angular-intl": "^2.0.1",
    "@progress/kendo-angular-l10n": "^2.0.1",
    "@progress/kendo-angular-layout": "^4.2.3",
    "@progress/kendo-angular-pdf-export": "^2.0.3",
    "@progress/kendo-angular-popup": "^3.0.5",
    "@progress/kendo-angular-treeview": "^4.1.2",
    "@progress/kendo-data-query": "^1.5.3",
    "@progress/kendo-drawing": "^1.6.0",
    "@progress/kendo-theme-default": "^4.14.0",