or
0 answers
137 views
Hi,
Currently, the Stockchart renders some dates and skips few dates automatically. Usually, the x-axis has 3 days gap between dates and the navigator axis has 1 day gap. We want the chart to display all dates from the dataset.
Please refer this link for the POC app: https://stackblitz.com/edit/kendo-stockchart-v2?file=src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fapp.component.html
Kindly help. Thank you.
1 answer
198 views
I was looking for compatibility across the web and couldn't find whether or not kendo is supported for latest angular
Martin Bechev
Telerik team
answered
on
09 Dec 2022
1 answer
561 views
When I run install on package.json, I get this:
@progress/kendo-angular-icons@2.0.1 requires a peer of @progress/kendo-svg-icons@^0.1.2 but none is installed.
I have "@progress/kendo-svg-icons": "~0.6.0", which is the latest version.
Martin Bechev
Telerik team
answered
on
09 Dec 2022
1 answer
315 views
Hello, i need to add a cornerRadius at the top for a column chart.
You can find attached a picture of what i need.
Best regards,
Yanmario
Telerik team
answered
on
07 Dec 2022
1 answer
270 views
I am using "filterBy" function from Kendo-data-grid in my Angular app.
I have a data where column names consists of special characters such as 'Product. Name'. I able to filter all the columns(which has names without special characters). I am not able to filter the columns(which has name with special characters).
How can i filter the columns even with specialcharactes in its names.
Example: Example
Please help me regarding this.
Yanmario
Telerik team
answered
on
06 Dec 2022
0 answers
184 views
[RESOLVED]
Hello,
I have integrated kendo grid with some details-grid using the KendoGridDetailTemplate.
Everything works great, but I can't find a way of hiding the [+] sign when there is nothing to show in the details component.
I am already using the [KendoGridDetailTemplateShowIf]="ShowDetailsCondition" but the problem i'm facing is that when the directive is called, I don't have access to the methods in my component, since "this" changes and represents the directive itself.
<ng-template kendoGridDetailTemplate let-dataItem [kendoGridDetailTemplateShowIf]="showDetailsCondition">
<app-cash-register-main-cash-register-action-form-details
[invoiceHeaders]="invoiceHeaders"
[quoteHeaders]="quoteHeaders"
[shipmentHeaders]="shipmentHeaders"
[subscriptionHeaders]="subscriptionHeaders"
[orderHeaders]="orderHeaders"
[creditNoteHeaders]="creditNoteHeaders"
[document]="dataItem">
</app-cash-register-main-cash-register-action-form-details>
</ng-template>
hasHeaders(dataItem): boolean {
console.log(dataItem);
let document = dataItem;
const type = document.SourceEntity;
const id = document.EntityId;
let documentFound = [];
switch (type) {
case 'InvoiceHeader':
console.log('InvoiceHeader');
const InvoiceHeader = this.invoiceHeaders.find(q => q.Id == id);
documentFound.push(...this.findParentDocumentFromHeader(InvoiceHeader, type));
documentFound.push(...this.findParentDocumentFromLines(InvoiceHeader?.Lines, type));
break;
case 'QuoteHeader':
console.log('QuoteHeader');
const selectedQuoteHeader = this.quoteHeaders.find(q => q.Id == id);
documentFound.push(...this.findParentDocumentFromHeader(selectedQuoteHeader, type));
documentFound.push(...this.findParentDocumentFromLines(selectedQuoteHeader?.Lines, type));
break;
case 'SubscriptionHeader':
console.log('SubscriptionHeader');
const selectedSubscription = this.subscriptionHeaders.find(q => q.Id == id);
documentFound.push(...this.findParentDocumentFromHeader(selectedSubscription, type));
documentFound.push(...this.findParentDocumentFromLines(selectedSubscription?.Lines, type));
break;
case 'OrderHeader':
console.log('OrderHeader');
const selectedOrderHeader = this.orderHeaders.find(q => q.Id == id);
documentFound.push(...this.findParentDocumentFromHeader(selectedOrderHeader, type));
documentFound.push(...this.findParentDocumentFromLines(selectedOrderHeader?.Lines, type));
break;
case 'CreditNoteHeader':
console.log('CreditNoteHeader');
const selectedCreditNoteHeader = this.creditNoteHeaders.find(q => q.Id == id);
documentFound.push(...this.findParentDocumentFromHeader(selectedCreditNoteHeader, type));
documentFound.push(...this.findParentDocumentFromLines(selectedCreditNoteHeader?.Lines, type));
break;
case 'ShipmentHeader':
console.log('ShipmentHeader');
const selectedShipmentHeader = this.shipmentHeaders.find(q => q.Id == id);
documentFound.push(...this.findParentDocumentFromHeader(selectedShipmentHeader, type));
break;
}
if (documentFound.length > 0) {
return true;
}
return false;
}
here is my condition function:
public showDetailsCondition(dataItem: MovementDocumentCustomer): boolean {
console.log(dataItem);
return (
(dataItem.SourceEntity === 'InvoiceHeader' ||
dataItem.SourceEntity === 'ShipmentHeader' ||
dataItem.SourceEntity === 'OrderHeader') &&
this.hasHeaders(dataItem)
);
}
error : "this.hasHeaders is not a function" => I guess it's because "this" represent now the Directive and not my component
How could I use custom methods/function from my component into my condition function without have it returning an error ?
Thanks you!
Audric
Audric
Top achievements
Rank 1
Rank 1
updated question
on
05 Dec 2022
0 answers
122 views
I created a simple recurring event with night and day format (23:00 - 01:30) and never-ending repeat schedule on day view. which does not renders on morning day schedule on (00:00 - 01:30).
public events: SchedulerEvent[] = [{
id: 1,
title: 'Breakfast',
start: new Date('2018-10-20T08:00:00'),
end: new Date('2018-10-21T02:30:00'),
recurrenceRule: 'FREQ=DAILY;'
}];
the above does not renders the schedule for (00:00 - 01:30) but if I add count with recurrenceRule its works.
recurrenceRule: 'FREQ=DAILY;COUNT=10;', - but in my case count is not required.
attached screenshot for reference.
0 answers
113 views
I created a simple recurring event with night and day format (23:00 - 01:30) and never-ending repeat schedule. which renders except on Sunday morning time (00.00 - 01:30).
events: SchedulerEvent[] = [{id: 1,
title: 'Repeat daily',
start: new Date('2022-11-03T06:00:00'),
end: new Date('2022-11-04T01:30:00'),
recurrenceRule: 'FREQ=DAILY;',
}];
Attached screenshot for reference.
0 answers
217 views
Hi team,
I have implemented kendo-grid with search and custom tag filter.If i search any key on the input field data is filtered but in case of custom tag coloumn i have created custom function that is called from filteChange event. and its working but if test it with multiple filter its not working on that.can you tell me any built-in function that is working on both cases.check below attached code snippet for array format.
1 answer
1.3K+ views
Hi
I am using nrwl/nx in my angular application. My angular application contains 5 applications and 6 libraries. It is a big enterprise application.
I am using kendo libraries for angular.
The project can be served without any error
npx nx serve master
master is the starting point . it is angular application that responsible for routing and has main menu component.
As I Mentioned, I can serve the application without any errors. So I can test it localy without any problem.
The problems comes when I decided to package the project in order to deply it to my web server.Here comes the problem
I used this command to build my project
nx run master:build:production
I got many errors like thises:
'kendo-textbox' is not a known element,
'kendo-formfield' is not a known element:
1. If 'kendo-formfield' is an Angular component, then verify that it is part of this module.
2. If 'kendo-formfield' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
It seems that the compiler cannot identifies the kendo libriries when building the project for deployment.
Has any one have suggestions, what could be the reason for this error?
Thanks
