I have an angular project that has a kendo grid that needs to be exported into PDF. Kendo grid has an expanded details per specific items when conditions met.
As can see below, I need to make the parent row to be together with its expanded detail when the page breaks. How can I achieve it?
Appreciate the response about my inquiry.
Thank you!
I am having an issue with compiling angular (webpack) after adding @progress/kendo-angular-pdfviewer@14.3.0. It is referencing pdfjs-dist in the error. I do not see anywhere in the Getting Started > Dependencies about pdfjs-dist being needed. The StackBlitz demo does not contain that library either. When I try adding the pdfjs-dist module (either latest 4.0 or earlier 3.11), more errors occur related to pdfjs-dist. My tsconfig.json compilerOptions has module=es2020 and target=es2022. I do not have issues with any other @progress/kendo-angular-xxxxxx modules, and the @progress/kendo-license is included. Here is the error without pdfjs-dist module installed:
ERROR in ./node_modules/@progress/kendo-angular-pdfviewer/fesm2020/progress-kendo-angular-pdfviewer.mjs 17:0-43Hello!
I have a grid filter is specified as "menu" ([filterable]="'menu'")
Some the grid columns are created dynamically like this:
<kendo-grid-column *ngFor="let c of myColumnsObjects"
field="{{ c.name }}"
title="{{ c.title }}"
>
<ng-template
kendoGridFilterMenuTemplate
let-column="column"
let-filter="filter"
let-filterService="filterService"
>
<app-mycolumn-filter
[field]="column.field"
[filterService]="filterService"
[currentFilter]="filter"
[distinctData1]="getDistinctData1(column.field)"
[distinctData2]="getDistinctData2(column.field)"
[distinctData3]="getDistinctData3(column.field)"
></app-mycolumn-filter>
</ng-template>
<ng-template
kendoGridCellTemplate
let-dataItem >
<ng-container *ngIf="getObjectByColumnName(c.name, dataItem) as myItem">
<div class="{{getClassByObject(myItem)}}">
<div>{{myItem.dataOfField1}}</div>
<div>{{myItem.dataOfField2}}</div>
<div>{{myItem.dataOfField3}}</div>
</div>
</ng-container>
</ng-template>
</kendo-grid-column>
Where
myColumnsObjects is
interface IMyDynamicallyColumn {
name: string;
title: string;
}
dataItems is array of
interface IMyData {
id: number;
name: string;
somecomlexobject: any;
....
myItems: IMyItem[];
otheItems: IOtherItem[];
}
myItem is:
interface IMyItem {
id: number;
dataOfField1: string;
dataOfField2: number;
dataOfField3: EMyItemState;
}
const enum EMyItemState {
State1 = 'state1',
State2 = 'state2',
...
State<N> = 'state<n>'
}
Input data distinctData1, distinctData2 and distinctData3 used in angular's component of app-mycontrol-filter.
In this case, the standard filter does not work.
How can I organize a filter on an objects (type is IMyItem) associated with a column using all the properties of the object?
public pdfLoad(pdfViewerLoadEvent: PDFViewerLoadEvent)
{
this.pdfViewerContext = pdfViewerLoadEvent.context;
this.pdfViewerContext.pdfDoc.getPage(1).then(async (page)=>{
var scale = this.pdfViewerContext.zoom;
var viewport = page.getViewport({scale});
var canvas: HTMLCanvasElement = document.getElementById('the-canvas') as HTMLCanvasElement;
var context = canvas.getContext('2d')!;
canvas.width = Math.floor(viewport.width * scale);
canvas.height = Math.floor(viewport.height * scale);
canvas.style.width = Math.floor(viewport.width) + "px";
canvas.style.height = Math.floor(viewport.height) + "px";
context.beginPath();
context.arc(300, 300, 100, 0, 2);
context.stroke();
var transform: number[] | undefined = scale !== 1
? [scale, 0, 0, scale, 0, 0]
: undefined;
var transform: number[] | undefined = [2,0,0]
await page.render({
canvasContext: context!,
transform: transform,
viewport: viewport
});
context.beginPath();
context.arc(300, 300, 100, 0, 2);
context.stroke();
});
}
Hi, we want to split our applications via Module Federation. Works so far except for the applications that use Kendo UI (simple split button is enough). We always get the following error message.
"
ERROR Error: Uncaught (in promise): Error: It looks like your application or one of its dependencies is using i18n."
How to change the search icon (search icon) which is placed at the left near the search text box. I want this search icon to be placed immediate right to the search text box. Kindly assist.
Thank you
Hi,
In Kendo Scheduler (Month View option) would like to set short form of week names, also in the cells, event height dynamic, like below image