or
1 answer
76 views
Hi Team,
I am trying to implement cell selection aggregates in my grids, similar to examples shown here :https://www.telerik.com/kendo-angular-ui/components/grid/selection/aggregates/
Looks like the aggregates does not get calculated correctly when grouping is done on the grid. Is this a limitation or am I missing something.
Appreciate your help.
Kaustubh
Martin Bechev
Telerik team
answered
on
22 Feb 2024
1 answer
190 views
Hi!
I implemented a filter over all columns to implement a search like the example in the Overview-section for the Grid component.
I would like to highlight all text in the columns yellow that match the entered search text.
Is that easily possible?
Best regards,
Gerald
1 answer
214 views
Hello,
We have implemented the pdf viewer using : "@progress/kendo-angular-pdfviewer": "^15.0.1". It works very well for our purpose.
But there is still a small issue with the print action. As another user stated here the print action sort of adds a "padding" to the pdf, making it roughly 25% smaller than the original.
As you can see in attached files, the pdf displays correctly in the viewer, but as soon as you open the print menu, it shrinks (and becomes black and white ? maybe just displays shenanigans).
What I've tried so far: playing with zoom, playing with scales, playing with marges, but I can't make it appear "100%".
On the third attached files, you can see that the added footer seems to have the right size. Maybe it has to do with this ?
Can you help me ?
Thanks!
jls
We have implemented the pdf viewer using : "@progress/kendo-angular-pdfviewer": "^15.0.1". It works very well for our purpose.
But there is still a small issue with the print action. As another user stated here the print action sort of adds a "padding" to the pdf, making it roughly 25% smaller than the original.
As you can see in attached files, the pdf displays correctly in the viewer, but as soon as you open the print menu, it shrinks (and becomes black and white ? maybe just displays shenanigans).
What I've tried so far: playing with zoom, playing with scales, playing with marges, but I can't make it appear "100%".
On the third attached files, you can see that the added footer seems to have the right size. Maybe it has to do with this ?
Can you help me ?
Thanks!
jls
Yanmario
Telerik team
answered
on
21 Feb 2024
2 answers
156 views
When printing a document with the new PDFViewer, it seems like the document does not take the full page on print. You can look at the attachement the result I get by trying to print the document found in the Angular PDFViewer Example documentation on the telerik website. Is this a bug or is there an option to specify the document should take the full page?
Yanmario
Telerik team
answered
on
21 Feb 2024
1 answer
120 views
I have been trying to use kendo-dropdown-list and kendo-grid in the same page. If I change the styles of k-picker-solid along with dropdown list, filter icon template is also getting affected.
Zornitsa
Telerik team
answered
on
20 Feb 2024
0 answers
312 views
Hi. i have some questions about focus on clear button
If click on kendo-textbox and input value, clear button will appear on the left side of the field. if you press the tab button, the focus will shift to this clear button.
<kendo-textbox
[style.width.px]="200"
[clearButton]="true"
></kendo-textbox>
If select value in kendo-combobox, clear button will appear on the left side of the field, before button show\hide list. But if press tab button, focus will shift to next DOM element
<kendo-combobox
[data]="listItems"
>Please, tell me why there is such a different behavior when pressing tab. Why doesn't the focus shift to the clear button in kendo-combobox.
Thanks.
0 answers
119 views
Hi,
I've been trying to override the progress bar style for kendo-stepper. For some reason, i'm getting a scroll bar across the application in the bottom, which follows all the way across the stepper steps.
From dev tools, i can override this overflow to hidden (Previously it was visible). But when i apply them in my style sheet, it's not getting overridden. Help please.
::ng-deep .k-stepper .k-progressbar {
pointer-events: none;
z-index: 0;
overflow: hidden !important;
}
RAMAKRISHNAN
Top achievements
Rank 1
Iron
Rank 1
Iron
asked
on
15 Feb 2024
1 answer
393 views
Kendo tooltip not recognizing the <br> tag so whatever we pass it is taking in a string format. Even if we pass the content with break line still it is take as a single string value. Tried different ways to alter the existing logic still didn't work.
Actual output: "First<br>Second<br>Third"
Expected output:
First
Second
Third
HTML:
<kendo-grid [data]="rowData" style="height:300px" [resizable]="true">
<kendo-grid-columnfield="charge_Desc"title="Filed Charges"[width]="150"[headerStyle]="{'font-weight': 'bold'}">
<span kendoTooltip [title]="dataItem.victims">
<ng-template kendoGridCellTemplate let-dataItem>
<div [innerHTML]="formatDescription(dataItem.charge_Desc)"></div>
</ng-template>
</span>
</kendo-grid-column>
</kendo-grid>
TS:
import { Component,OnInit, Input } from '@angular/core';
import { bailBondTabRowData } from 'src/app/models/constants';
import { ConsolidateSubjectService } from 'src/app/services/consolidate-subject.service';
@Component({
selector: 'app-bail-bond-tab',
templateUrl: './bail-bond-tab.component.html',
styleUrls: ['./bail-bond-tab.component.scss']
})
export class BailBondTabComponent implements OnInit {
columnDefs: any[] = [];
rowData:any;
public tooltipShowDelay = 0;
public tooltipHideDelay = 2000;
@Input() bailBondData:any;
toolTipContent: any;
constructor(public ConsolidateSubjectService:ConsolidateSubjectService) {
this.columnDefs = bailBondTabRowData;
}
ngOnInit() {
console.log(this.bailBondData,"Notes_Text");
this.rowData = this.bailBondData.map((item:any) => ({
...item,
Event_Date:this.ConsolidateSubjectService.convertDateFormat(item.Event_Date)
}));
}
formatDescription(charge_Desc: string): string {
return charge_Desc.replace(/(?:\r\n|\r|\n)/g, '<br>');
}
}
1 answer
105 views
Is it possible to create a button with two lines of text?
I have a grid with a column for uniqueIDs. As these are usually 32 chars long I would like to display them over two lines within a button (the button will link to a page that displays a log of the end 2 end processing for that id). I have created a pipe to transform the given uniqueID into two lines of text. My pipe is:
export class HexSplitPipe implements PipeTransform {
transform(value: string): string {
// will take given sting and split into two lines
const length = value.length;
const halfLength = Math.floor(length / 2);
// If the length is even, split evenly into two lines
if (length % 2 === 0) {
const firstHalf = value.substring(0, halfLength);
const secondHalf = value.substring(halfLength);
return `${firstHalf} 
${secondHalf}`;
} else {
// If the length is odd, add one more character to the first line
const firstHalf = value.substring(0, halfLength + 1);
const secondHalf = value.substring(halfLength + 1);
return `${firstHalf} 
${secondHalf}`;
}
}
}
My component has the following in the uniqueID grid-column:
<kendo-grid-column field="uniqueID" title="UID" [width]="240">
<ng-template kendoGridCellTemplate let-dataItem>
<button kendoButton (click)="btnE2EHistoryClick(dataItem.uniqueID)"
title="Click to see full processing history">{{dataItem.uniqueID | hexSplit}}</button>
title="Click to see full processing history">{{dataItem.uniqueID | hexSplit}}</button>
</ng-template>
</kendo-grid-column>
If my UniqueID = 028F88D7E5D26C5CE063588E680A7E9E
If want to get:
028F88D7E5D26C5C
E063588E680A7E9E
Instead I get: 028F88D7E5D26C5C E063588E680A7E9E
How can I render the string over two lines in a kendo button
Zornitsa
Telerik team
answered
on
12 Feb 2024
1 answer
159 views
Hi,
Description - When I scroll to the middle of the grid on virtual scroll mode and move to another tab within app (DOM gets changed but component doesn’t destroy) and back, grid content is blank/disappears and scrollbar resets to top position.
Zornitsa
Telerik team
answered
on
12 Feb 2024
