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

dialog position

1 Answer 729 Views
This is a migrated thread and some comments may be shown as answers.
Top achievements
Rank 1
Michael asked on 20 Jun 2018, 11:45 AM


I used Kendo dialog, everything work fine, except the position. it seems that it doesn't impact. I changed the values in Percentages or in pixels but this is not working and it always appears in the same place.

What is the problem?

this is my code:

myWindowConfirmTransaction = $("#ConfirmTransactionWindow");
                width: "40%",
                height: "65%",
                title: "",
                closable: true,
                modal: true,
                visible: false,
                content: formHtmlData,
                actions: [
                    { text: 'Edit', action: onCancel },
                    { text: 'Continue', primary: true, action: onContinue }
                position: {
                    top: 10,
                    left: "25%"
                animation: {
                    open: {
                        effects: "slideIn:down fadeIn",
                        duration: 1000
                    onCancel: {
                        effects: "slide:down fadeOut"







1 Answer, 1 is accepted

Sort by
Ivan Zhekov
Telerik team
answered on 20 Jun 2018, 12:43 PM
Hi, Michael.

The dialog component always appears centered on the screen, unlike the window component, which has position properties. That's a small, yet important distinction between window and dialog.

If you really need to control the position of the dialog, you should use window instead.

Ivan Zhekov
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Asked by
Top achievements
Rank 1
Answers by
Ivan Zhekov
Telerik team
Share this question