Not able to display the dialog properly in Kendo grid .
Pop up is coming as distorted and not in the middle of the screen .
<div class="drawer-menu menu-header" *ngIf="!item.link" (click)="onClickHeader(item.path)" [ngClass]="(item.path == 'geographies') ? 'font-weight-bold' : ''">
style.scss:
padding: 1rem 1.5rem!important;
}
.fa-exclamation-circle {
font-size: 45px!important;
}
.k-dialog-buttongroup {
.k-button {
max-width: 100px!important;
border-radius: 5px!important;
}
---------------------
Невозможно правильно отобразить диалоговое окно в сетке кендо.
Pop up is coming as distorted and not in the middle of the screen .
--------------------------------------------------------------
routing module.ts
------------------------------------------------------------------
Невозможно правильно отобразить диалоговое окно в сетке кендо.
Pop up is coming as distorted and not in the middle of the screen .
<kendo-dialog title="Please confirm" *ngIf="dialogOpened" (close)="manageDialog()" [minWidth]="250" [width]="450">
<p style="margin: 30px; text-align: center;">Are you sure you want to continue?</p>
<kendo-dialog-actions>
<button kendoButton (click)="confirmDialog('no')">No</button>
<kendo-dialog *ngIf="dialogOpened" (close)="manageDialog()" [minWidth]="250" [width]="450">
<div class="text-center"><i class="fa fa-exclamation-circle text-warning" aria-hidden="true"></i></div>
<p class="m-4 text-center">Are you sure you want to continue?</p>
<kendo-dialog-actions class="border-0 justify-content-center pb-3 pt-1">
<button kendoButton (click)="confirmDialog('yes')" primary="true">Yes</button>
<button kendoButton (click)="confirmDialog('no')" class="ml-3">No</button>
</kendo-dialog-actions>
</kendo-dialog>
Невозможно правильно отобразить диалоговое окно в сетке кендо.
Pop up is coming as distorted and not in the middle of the screen .
Невозможно правильно отобразить диалоговое окно в сетке кендо.
Pop up is coming as distorted and not in the middle of the screen .