I am using the time picker to enter times.  I am in the UK and currently all times are UTC (GMT is currently UTC).

I save my values to the database and somehow Kendo has managed to subtract an hour from the saved value.

It's no problem when I bring back the values to display in the time picker, it somehow adds an hour to display the correct time.

I am working with the abp framework which has standard UTC conversion so all my values in the database are held as UTC.

But Kendo somehow has managed to find a time format which doesn't exist making it very difficult to work with.

I would post some code to further demonstrate but the option for "Formatting options" at the top of this text box simply switches the value to "Hide formatting options".

Can someone tell me what's going on?

Is there a way to have a selected state on a dropdown button? Bonus points if the dropdown button is inside a kendo-toolbar.

Like a dropdown with 5 options, and I set option 1 to selected or active, or add class.

First, Im looking for the ability to customize the dropdown button on the toolbar. I found this example https://www.telerik.com/kendo-angular-ui/components/toolbar/custom-control-types/ but it appears to be out of date from the latest kendo ui libs and doesn't work in angular 9. I mean an exact copy of this example running Angular 9.0.0, results in no custom button.

So close on so many of these things but so far from being a useful library when custom matters in business apps.

It should not be that difficult to provide a custom template for the dropdown list.

Hi,

We have a grid with around 40 columns, and all of them are filterable, there's also a checkbox in each row.

My question is, if the user checked some rows, then do filtering on some column(s), the checked selections are not be unchecked, how to add an action into the filter function with just clearing the selected keys, then continue with the filtering?

We have the function to clear the selected keys, just not sure how to add it without affecting the regular filtering, with the least code change.

Some snippets of our code:

userlist.components.html

<kendo-grid #grid="kendoGrid" [kendoGridBinding]="gridData" [groupable]="true" filterable="menu"
  [pageable]="true" [sortable]="true" [reorderable]="true" [columnMenu]="true"
  [kendoGridSelectBy]="mySelectionKey" [selectedKeys]="mySelection" >

<ng-container *ngFor="let column of columnConfig">
  <kendo-grid-column [field]="column.field" [title]="column.title" [width]="column.width" [filter]="column.filter"
    [format]="column.format" [hidden]="column.hidden">
  </kendo-grid-column>
</ng-container>

Column Config Interface

export interface ResultColumnConfig {
  title: string;
  field: string;
  width: string;
  hidden: boolean;
  filter: string;
  format: Format;
  order?: number;
  default?: boolean;
}

Column Config JSON

[
    {
        "title": "User Name",
        "field": "username",
        "width": "100",
        "hidden": false,
        "filter": "text",
        "format": null
    },
    {
        "title": "Status",
        "field": "status",
        "width": "80",
        "hidden": false,
        "filter": "text",
        "format": null
    },
...
]

Thanks!

Hi.

I have such a problem: pressing the backspace key moves the input to the previous section. I.e. if a mistake is made in the year and hit backspace key, the cursor moves to the month part. How to fix it?

Thanks.

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