How to add custom filter and regular filter to column menu. I want to show both. One more option down to the Filter option as CUSTOM FILTER option and then it should show my Custom Filters.

I cant add both of them. It just shows my custom filter only.

Any way to achieve this? I am working with typescript.

Thanks

Virender

Hi,

How to expand row when user click on cell item in tree list.

please update below stackblitz demo .

https://stackblitz.com/edit/angular-ez48xs

Is there any feature available to row drag and drop for row  re-ordering ?

Hi,

I have Test1 Page in which there is dropdown which has Footer as "Add New" button from which I can open Test2 page as Kendo Window so that I can add records using Test2 Page and it should be display to dropdownlist. I am using typescript. I am able to add the record and I can see that comes to dropdownlist as well but I want to close the kendo window once it creates a record. I tried window.close on Test2 Page but it says script cannot close page when they are open. I know window.close() is not the right way to do it. I should be able to get the control (KendowWindow) on Test2 page and close the kendo window. Can you please help?

Thanks

Here is code -

Test1.html

<div>
<label for="ddCedent">Cedent<span class="reqfield">*</span></label>
<kendo-dropdownlist #ancCedent [defaultItem]="{name: 'Select cedent...', businessPartnerNumber: null}" formControlName="cedent" [data]="cedents" [filterable]="true"
[textField]="'name'" [valueField]="'id'" [valuePrimitive]="true" class="form-control" [ngClass]="{ 'ng-invalid ng-touched': submitted && this.formControls.cedent.errors }">
<ng-template kendoDropDownListItemTemplate let-dataItem>                  
                  {{dataItem.name}}&nbsp;&nbsp;&nbsp;&nbsp;{{dataItem.businessPartnerNumber}}
</ng-template>
<ng-template kendoDropDownListFooterTemplate>
<table><tr><td></td><td style="float:right"><button kendoButton *ngIf="!openedAccount" (click)="showWindow()">Add New</button></td></tr></table>
</ng-template>
</kendo-dropdownlist>
<ng-container #container1></ng-container>
<div *ngIf="submitted && this.formControls.cedent.errors" class="k-tooltip-validation">
<div class="reqfield" *ngIf="this.formControls.cedent.errors.required">&#9432; Cedent is required</div>
</div>

Test1.ts

public showWindow() {
this.opened = true;
setTimeout(() => {
const window: WindowRef = this.windowService.open({
appendTo: this.containerRef,
title: "Add Account",
content: Test2Component,
width: 800,
height: 1200,
});

window.result.subscribe((result) => {
if (result instanceof WindowCloseResult) {
this.opened = false;
this.getAccounts();
}
});
});
}

Hi,

We are using kendo-grid in out project and there is a requirement that the first row be selected by default on load. (once the data is retrieved and grid is initialized)

How do I achieve this? The documentation doesn't seem to indicate how this can be done.

Any help is greatly appreciated.

Regards,

Jyothi

Hello,

Today we have 10 DevCraft UI licenses, the development is over and we put the site into production. So, my question is, which and how many licenses should I buy to keep the site in production?

Regards,

Emanuel

Hey,

I tried to export a barcode in my PDF with the npm Module ngx-barcode. This didnt work at at all. Is there a way to do this in Angular 2+?

I saw some documentation to do it with jQuery and the barcode builder from Telerik, but not with Angular. 

Thanks for the help. 

Hi there, I'm having issues trying to change the color of the floating label. When I have a black background, the floating label cannot be seen because it is also black and blends in with the background.

Example in stack blitz https://stackblitz.com/edit/angular-kendo-textbox-material-black-background

How can I change the color of the floating label? Thanks.

Kind regards,

Andy

I have two value axis items and I would like one to be in percent and the other to be numeric.  How can I achieve this.   My current code produces the output in the image.

I am trying to use the <kendo-datetimepicker> component and I import DateInputsModule into my module, but on loading my app I see the following error:

'kendo-datetimepicker' is not a known element:
1. If 'kendo-datetimepicker' is an Angular component, then verify that it is part of this module.
2. If 'kendo-datetimepicker' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message

Obviously I have npm installed the @progress/kendo-angular-dateinputs package and dependencies. I am using:

    "@progress/kendo-angular-dateinputs": "^3.7.4"

I am able to use the <kendo-datepicker> without problem. 

Why am I seeing this error?