Как заставить модальное окно Kendo UI центрировать на странице? и как отключить все действия?

Я пытаюсь отобразить модальное окно Kendo UI в центре браузера, но оно продолжает отображаться в нижней части страницы, поэтому я имею в виду, что единственной видимой частью окна является верхняя панель, остальная часть окна скрыта из виду, только когда вы ее перетаскиваете, вы можете просмотреть ее должным образом. У меня нет стилей, применяемых к div, который используется для окна, поэтому я смущен тем, почему это показано так.

Также я хочу отключить всю кнопку действия в верхней строке окна, попытался установить пустой массив действий, но кнопка закрытия отображается по умолчанию, есть ли способ показать заголовок окна на верхней панели? Я хочу, чтобы окно исчезло, когда нажата кнопка.

Вот как я создаю окно:

var accessWindow = $("#accessDiv").kendoWindow({
    actions: [],
    draggable: true,
    height: "300px",
    modal: true,
    resizable: false,
    title: "Access",
    width: "500px"
});

accessWindow.center();
accessWindow.open();

Это мой div только с меткой, входом и кнопкой, к ней на данный момент не применяется CSS:

<div id="accessDiv" style=" width: 100%; height: 100%; background-color: #fff;">
    <label>Enter access key</label>
    <input type="text" />
    <input type="button" title="Enter" value="Enter" />
</div>

Ответы

Ответ 1

Вы пробовали скрывать его, а затем центрировать и открывать его?

var accessWindow = $("#accessDiv").kendoWindow({
 actions: {}, /*from Vlad answer*/
 draggable: true,
 height: "300px",
 modal: true,
 resizable: false,
 title: "Access",
 width: "500px",
 visible: false /*don't show it yet*/
}).data("kendoWindow").center().open();

from: http://www.kendoui.com/forums/ui/window/kendowindow-center-doesn-t-work-when-inside-an-iframe.aspx

Ответ 2

Последние две строки должны читать:

accessWindow.data("kendoWindow").center();
accessWindow.data("kendoWindow").open();

Ответ 3

1. Вам нужно поменять последние две строки кода. Прежде всего вам нужно открыть окно, а затем вы можете центрировать его.

2. Чтобы показать окно без каких-либо действий, необходимо передать пустой объект:

actions: {}

Ответ 4

Ниже для меня работает. Если вам не нравится это как модальный, установите значение false или удалите его.

 var window = $("#addBlacklistWind");

   $("#btnAddBlacklist").bind("click", function () {
            window.data("kendoWindow").center().open();
        });

        window.kendoWindow({
            width: "800px",
            title: "Add New Blacklist",
            modal: true,
            visible: false,
            actions: [
                "Maximize",
                "Close"
            ]
        });

Ответ 5

Вы можете ссылаться на следующий код для позиционирования вашего окна.

var accessWindow = $("#accessDiv").kendoWindow({
                    elem: 
                    draggable: true,
                    modal: true,
                    title: "Title",
                    width:500,
                    visible: false,
                    position:{
                        top:"15%",
                        left:"35%"
                    },
        }).data("kendoWindow").open();

Если вы хотите фиксированную позицию независимо от размера экрана, используйте

position:{
  top:"20px",
  left:"100px"
}

Но если вы хотите отрегулировать положение окна относительно, сверху и слева в '%' будет работать для вас.