I am using the kendo-pdf-export and I need to send the resulting pdf to my backend API without opening or downloading the file locally.
I used the following to achieve this:
exportToPdf(pdfExport: { export: () => Promise<any>; }) {
pdfExport.export().then((group) => {
exportPDF(group).then((data) => {
saveAs(data, 'Cdl-conformite-' + this.searchCriteria.courtier + '_' + this.datePipe.transform(this.searchCriteria.valueDate, 'yyyy-MM-dd') + '.pdf', {
proxyURL: `${PATH}/savePdf`,
forceProxy: true
});
});
});
}
I configured my backend to receive the file and can upload it to an S3 bucket. All this works fine.
My only problem is that when I click the button to save the pdf it redirects the UI to my /savePdf route which ... obviously is a blank page.
How can I force the control to use the proxy to send the file but not redirect the UI i.e. stay on the current page but submit the post asynchronously to my backend and do nothing else in the UI?
EDIT: I used proxyTarget = "_blank", it's better but the new window is focused and remains open which is not really acceptable.
Kendo-filter has dropdowns that are not appearing in the mat-dialog modal of my angular app. I am using the boiler plate code that is provided in the kendo-filter over view page. I can See The Add Group, Add Filter, but after clicking add filter button, the filter dropdowns appear, The dropdowns themselves do not work, I tried targeting the dropdown with z-index 1000 with no luck. Has anyone seen this before?
If there was a popupSettings for kendo-filter, then all generated ui components could inherit from that setting.
<kendo-filter
#filter
[filters]="filters"
(valueChange)="onFilterChange($event)">
</kendo-filter>
<ng-template let-currentItem #template>
<kendo-dropdownlist
[popupSettings]="{ appendTo: 'component' }"
></kendo-dropdownlist>
</ng-template>
import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
@Component({
// ...
})
export class YourComponent {
@ViewChildren(DropDownListComponent) dropdownLists: QueryList<DropDownListComponent>;
// ... other component properties and methods ...
ngAfterViewInit() {
this.dropdownLists.forEach(dropdown => {
dropdown.popupSettings = { appendTo: 'component' };
});
}
}
I have been trying to implement Custom toolbar with Kendo Buttons using the below document from kendo.
I am getting "Cannot read properties of undefined (reading 'nativeElement')" error.
Below is my implementation.
I have imported a google font that I want to use as the default font for my application
@import url('https://fonts.googleapis.com/css2?family=Arimo:wght@400;700&display=swap');
I am also using tailwindcss to style a majority of the application so I have tried to set it as
default in many different ways.
curious what I am doing wrong - I have been able to manually override in the .appbar component
but for the kendo dialogs it is not taking effect and using the Roboto font instead?
I'm trying to change the "sticky" columns dynamically in my project, but if I add a column with sticky true dynamically, the other column "rises" on top of the other, it's like the recalculation is not redone to leave more than one column with "sticky".
I made an example on "stackblitz" of the error, it starts with column 2 (ProductName) starting with "sticky" as "true", but if you click to column 1 (ProductID) and column 3 (Category.Category) it gets fixed, column 3 is on top of the other fixed columns.
example:
https://stackblitz.com/edit/angular-hjbr9g-nsukvc?file=src%2Fapp%2Fapp.component.ts
Hi, as described here https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/summary-tag-mode/#toc-basic-usage iam creating a MultiSelect component with a summary tag using the kendoMultiSelectSummaryTag directive and a custom kendoMultiSelectGroupTagTemplate .
But the summary tag is only visible, when there is atleast one item selected.
Is it possible to show the summary tag even when there are no items selected?
E.g. somethink like "0 items selected"?