[Solved] How to right-align entire kendo dialog

[Bob]

Hi, I'm using the dialog service and want to know how to position the entire dialog all the way to right of the browser window.

[Hetali]

Hello Bob,

In order to position the Dialog Service to the right of the browser, use the following CSS:

.k-dialog-wrapper .k-dialog {
  position: absolute;
  left: auto;
  right: 0;
}

Output:

In this StackBlitz example, the Dialog service is displayed on the right. Please make sure to set the encapsulation to ViewEncapsulation.None to set the style locally.

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

Regards,
Hetali
Progress Telerik