Questions on Kendo UI for Angular Forum

3 answers

142 views

I use Schedule component of Angular Kendo UI.
If bind following events, events displayed incorrectly with overwrap.

Event1) 8:00-9:00 Event2) 9:00-10:00
Event3) 8:30-9:30 Event4) 9:30-10:30

Expected result is above, but actual behavior is,

Event1) 8:00-9:000
Event3) 8:30-9:30+Event2) 9:00-10:00+Event4) 9:30-10:30
*Event2-4 overwrap.

I cofirmed with JQuery on your Web demo, and it works.
Not work with Angular.
Please advise me.

Scheduler

answered on 20 Feb 2019

3 answers

1.2K+ views

[Solved] Bar chart with target line

Hi,

How we can add a target line to the bar chart. I have seen example we can add target line to column chart. Same way how we can add to the bar chart.

Below is the link with column chart and target

https://next.plnkr.co/edit/6RQAu7t9WZm8iCBl?preview

How I can convert this to bar chart with target.

General Discussions

answered on 19 Feb 2019

2 answers

1.3K+ views

Conditionally show or hide menu items

I am using the kendo angular menu using templates and want to conditionally show or hide menu items but am not able to get it to call my function passing in the item. Does anyone know how to accomplish this?

Thanks in advance....

Menu

answered on 18 Feb 2019

1 answer

166 views

fileName error in export PDF component

I noticed a strange behavior in the kendo-grid-pdf component in Kendo UI for Angular. I would like to be able to customize the filename through the "fileName" property. But I noticed that this component gets access to the function that returns the name all the time and this consumes many features of the browser. This is normal? I am sending prints to show this behavior.

Grid

answered on 15 Feb 2019

3 answers

281 views

Removing spacing next to event

One of our apps has a requirement to only allow one event per time slot. Currently there is extra white space next to each even to allow users to click on to add extra events. How can I remove this white space? I have tried setting the event width to 100% but this breaks the weekly view.

Handling the click event to deny the user action is not an issue, but the UI display is confusing to users and doesn't make sense for our requirements. Any work around for this?

Scheduler

answered on 15 Feb 2019

1 answer

186 views

Series Chart drag and drop

Does anyone know if there is a drag and drop feature for each series item in the series chart. If not does anybody have an idea as to how I can add this feature on my own?

Charts

answered on 14 Feb 2019

1 answer

211 views

Pie Charts - Graying out unselected slices

I am using kendo pie charts to display a breakdown of data shown in a grid. When a user clicks a pie slice, it applies a filter to the grid. I would also like all the other pie slices to become grayed out while this filter is active.

I have tried to programatically change the color of the slices by updating the color in the data object the chart is bound to, but the changes do not show in the UI. I've got a feeling I'm missing something simple, but I can't figure it out. Is anyone able to offer advice on this? Thanks.

Charts

answered on 13 Feb 2019

2 answers

219 views

[Solved] Exposing some more types for importing

Hello,

I would like to import PagerTemplateDirective, PDFService, SuspendService, and ExcelService types which are not exposed in '@progress/kendo-angular-grid' directly. At the moment I'm doing this by importing from '@progress/kendo-angular-grid/dist/es/......' which is not recommended.

I'll try explaining why I need these types in the following lines briefly.

1. PagerTemplateDirective:

I want to change the pager template of my grid dynamically in code under certain circumstances. So, I need to have an instance of PagerTemplateDirective in my code to assign to 'this.grid.pagerTemplate'.

2. PDFService and SuspendService:

I want to extend PDFComponent class and use this extended (customised) component for PDF export in my grids. However, the constructor requires PDFService and SuspendService; see the following code:

export class KendoGridTypicalPdfComponent extends PDFComponent implements OnInit {

@ViewChild(PDFMarginComponent)

public marginComponent: PDFMarginComponent;

@ViewChild(PDFTemplateDirective)

public pageTemplateDirective: PDFTemplateDirective;

constructor(protected pdfService: PDFService,

protected suspendService: SuspendService,

protected ngZone: NgZone,

element: ElementRef) {

super(pdfService, suspendService, ngZone, element);

}

ngOnInit(): void {

this.scale = 0.6;

this.paperSize = 'A4';

this.landscape = true;

}

3. ExcelService:

The same story for Excel export as PDF export.

export class KendoGridTypicalExcelComponent extends ExcelComponent implements OnInit {

constructor(protected excelService: ExcelService,

protected localizationService: LocalizationService) {

super(excelService, localizationService);

}

}

Thanks,

Mojtaba

Grid

answered on 13 Feb 2019

1 answer

604 views

Kendo-pdf-export add page number to table of content

Hi,

I´m currently using ExportPDF to create a PDF with a TOC in it. The chapter and subchapters are created dynamically (for the TOC and in the text). I know how to add page numbers in the footer, but is there a way to add the right page number to each chapter in the table of content?

Thanks in advance

PDF Export

answered on 13 Feb 2019

2 answers

284 views

'Export to Excel' with an excel template possible?

We want to use the "Export to Excel" functionality. (We are using already a lot of the KendoUI controls)
But as I see its only possible to export the data and do some (colour) formating of the cloumns/ cells. But not any fancy excel features.

Is it possible to use an existing excel template and fill only one sheet with the data. And on the other, already exsiting, sheets we have some fancy diagrams with links to the sheet, which we want to fill with the "export".
Is this possible. And if yes how? Didn't find anything about this.

And is it maybe also possible to create an Google Spreadsheet instead of an Excel Sheet?

Thanks

Excel Export

answered on 12 Feb 2019