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? 

I have a grid with grouping enabled. I'd like to know how to set the cursor style on the grid row (that is not a group header) to indicate it is selectable.  

Attached is a screenshot showing the rows with red arrow where I would need to show a hand cursor on row hover event.

Thanks.