dialog position

[Michael]

Hi,

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");
            myWindowConfirmTransaction.kendoDialog({
                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"
                    }
                }
            });
        }
        myWindowConfirmTransaction.data("kendoDialog").open().center();

 

thanks!

 

 

 

 

[Ivan Zhekov]

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.

Regards,
Ivan Zhekov
Progress Telerik