This is a migrated thread and some comments may be shown as answers.

Kendo window--kendo grid

1 Answer 61 Views
Window
This is a migrated thread and some comments may be shown as answers.
Vikas
Top achievements
Rank 1
Veteran
Vikas asked on 13 Oct 2020, 08:01 AM

Hello 

 I am facing issue on kendo window,

my requirement is i have a button inside kendo grid particular column/cell.

and when i click on that button a window should open outside kendo grid.

1 Answer, 1 is accepted

Sort by
0
Hetali
Telerik team
answered on 14 Oct 2020, 04:07 PM

Hi Vikas,

In order to show the Kendo UI Window outside of the Grid, set the positioning of the Window using the top and left bindings. For example:

<kendo-grid [data]="gridData" style="width: 500px">
  <kendo-grid-column width="150">
    <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">
      <button class="k-button" (click)="window(rowIndex, dataItem)">
        Open Window
      </button>
    </ng-template>
  </kendo-grid-column>
</kendo-grid>

<kendo-window [top]="200" [left]="600" *ngIf="opened" (close)="close()">
</kendo-window>

In this StackBlitz example, the Kendo UI Window opens on the right side of the Grid.

I hope this helps. Let me know if I can further assist you.

Regards,
Hetali
Progress Telerik

Five days of Blazor, Angular, React, and Xamarin experts live-coding on twitch.tv/CodeItLive, special prizes, and more, for FREE?! Register now for DevReach 2.0(20).

Tags
Window
Asked by
Vikas
Top achievements
Rank 1
Veteran
Answers by
Hetali
Telerik team
Share this question
or