Using autoFocusedElement to auto focus the dialog elements when it open. The focus functionality is working as per expected. However i am getting Angular lifecycle error while i use kendo-floatinglabel for the kendo-textbox. 

Here is the stackblitz - https://stackblitz.com/edit/angular-oqmcb8?file=src%2Fapp%2Ftext.component.ts

Hi Team,

I attached my project with this question.

Can you look at the problem of anchor giving the error "Property 'nativeElement' is missing in type 'HTMLButtonElement' but required in type 'ElementRef<any>'"

StockBlitz also working fine. Only one doubt is Angular CLI version.

https://stackblitz.com/edit/angular-5yvop3-ddr4c8?file=app%2Fapp.component.ts

I'm using Angular CLI v12

Can you check the attached project and solve the issue!

<div class="example-config">
  <button #anchor (click)="onToggle()" class="k-button">
    {{ toggleText }} Popup
  </button>
</div>
<kendo-popup [anchor]="anchor" (anchorViewportLeave)="show = false" *ngIf="show">
  <div class="content">
    <!-- User-defined content -->
    Popup content.
  </div>
</kendo-popup>

Regards,

Srinivas M.P.

Attached files show error in line number 17, so not able to build angular project, any body can help?

Error: node_modules/@progress/kendo-angular-dateinputs/dateinput/dateinput.component.d.ts:17:29 - error TS2307: Cannot find module '@angular/forms/forms' or its corresponding type declarations.

17 import { FormControl } from '@angular/forms/forms';


 

My organization has complex use cases for the kendo grid that we depend on, hence we created a wrapper component that dynamically generates the columns given a column configuration array, which can include columns with child columns.

I have a working solution but it requires duplicating the ng-template for the column for standalone columns and columns within column groups. This is less than ideal because if we make a change, we need to make it in two places in the template, so the maintenance and testing costs are higher.

I put together an example that I was hoping would work, but it seems like the @ViewChildren in the ColumnGroupComponent does not find child column definitions that are dynamically inserted using *ngTemplateOutlet unless the ng-template it references is declared at the same level in the template. I'm not sure if this is simply a limitation of Angular, or if there's something different that the ColumnGroupComponent can do to query for dynamic child columns.

As a quick example, this works:

<kendo-grid-column-group
    title="{{ column.title }}"
    *ngIf="column.children?.length; else singleColumn"
>
    <ng-container *ngFor="let childColumn of column.children">
        <ng-container *ngTemplateOutlet="columnTemplate, context: { $implicit: childColumn }"></ng-container>
        <ng-template #columnTemplate let-col>
            <kendo-grid-column
                    field="{{ col.field }}"
                    title="{{ col.title }}"
                    format="{{ col.format }}"
                    [filter]="col.type"
            ></kendo-grid-column>
        </ng-template>
    </ng-container>
</kendo-grid-column-group>

But this does not work:

<ng-template #columnTemplate let-col>
    <kendo-grid-column
            field="{{ col.field }}"
            title="{{ col.title }}"
            format="{{ col.format }}"
            [filter]="col.type"
    ></kendo-grid-column>
</ng-template>
<kendo-grid-column-group
        title="{{ column.title }}"
        *ngIf="column.children?.length; else singleColumn"
>
    <ng-container *ngFor="let childColumn of column.children">
        <ng-container *ngTemplateOutlet="columnTemplate, context: { $implicit: childColumn }"></ng-container>
    </ng-container>
</kendo-grid-column-group>

Here's the minimal reproduction example as a reference: https://stackblitz.com/edit/angular-fnyxio?file=src/app/app.component.ts

It would be nice if the grid could support this, which would greatly simplify the code that we have to maintain.

Thanks!

Hi,

I have made a kendo grid with the select checkbox so the user can pick the rows required.

I have everything working that I need except users would like to sort the selected rows so they appear at the top (allows them to check easily what has been selected).

I cannot figure out how to do this, it doesn't seem like I can bind the checkbox to a field.  At the moment the only way I can think of is to use the "selectedKeysChange" event to set a boolean variable to true for each selected row and then make a custom button a manual sort (although not gone down this route just yet so not sure it will work)

Is there a built in way to sort selected rows / kendo-grid-checkbox-column?

Many Thanks

I have tried many ways... I don't want to have to convert it to a string on the server.. The value coming back from the DateTime C# property is

So my template is

But it doesnt format anything.. What is the right way to do this ?

HI,

we can intercept the ActionClic of the ListBox, but how we can stop the acction. For exemple, if the "delete" action need to be cancelled after some validation.

Thanks

Hi,

I have a chart where I show data of all day divided by 15 minutes (=96 values), so I have very dense columns. The labels are shown every fourth column (they label every hour) and are a bit longer (6 characters), so they overlap each other if they're not rotated.

BUT, I don't want them to be rotated by 90 degrees (it's very difficult to read them in this case).

So, I'm currious, whether there is an option

• to allow the labels to overlay into neighboring slot (so they wouldn't occupy only their slot, but their + 2 neighboring ones)
• to set maximum angle to which labels can be rotated, so they do not overlap and are still clearly readable

Thanks for any advice.

Jiri