kendoWindow で kendoNotification を使用しようとしています。動作しますが、kendoWindow の背後に kendoNotification が表示されます。両方で z-index を変更しようとしましたが、役に立ちませんでした。kendoWindow の上に kendoNotification を表示するにはどうすればよいですか?
関連コード
displayNotes.data("kendoWindow").content(
"<div>" +
"<span id='popupValidation'></span>" +
" <input type='hidden' id='NoteDate' value='' />" +
" <input type='hidden' id='NoteID' />" +
" <div style='margin:5px'>" +
" <label>Subject: </label>" +
" <input type='text' class='search1'; " +
" style='width: 300px; float:right;'" +
" id='Subject' ></input>" +
" </div>" +
" <div style='margin:30px 5px 5px 5px;'>" +
" <label style='margin-left:15px;'>Detail: </label>" +
" <textarea id='Detail' style='width: 304px; float:right; height: 155px;'> </textarea>" +
" </div>" +
" <div style='margin-top:160px;' align='center'>" +
" <a onclick='SaveNewNote()' style='width: 70px;' class='k-button'>Save</a>" +
" <a onclick='CloseNoteWindow()' style='width: 75px;' class='k-button'>Cancel<a/>" +
" <div>" +
"</div>").title("Add Note");
displayNotes.data("kendoWindow").open().center();
});
function SaveNewNote(message)
{
var popupNotification = $("#popupValidation").kendoNotification().data("kendoNotification");
popupNotification.setOptions({
position: {
top: 260,
left: Math.floor($(window).width() / 2 - 110),
bottom: 0,
right: 0
}
});
popupNotification.show(message, "error");
}