dialog position

2 posts, 0 answers
  1. Michael
    Michael avatar
    50 posts
    Member since:
    May 2014

    Posted 20 Jun 2018 Link to this post

    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!

     

     

     

     

  2. Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    654 posts

    Posted 20 Jun 2018 Link to this post

    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
    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.
Back to Top