Я пытаюсь отобразить модальное окно 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>