jquery - kendodialog - kendo open file dialog

¿Cómo forzar a una ventana modal de interfaz de usuario de Kendo a centrarse en una página? y cómo desactivar todas las acciones?

Question

Estoy tratando de mostrar una ventana modal de interfaz de usuario de Kendo en el centro del navegador, pero sigue apareciendo en la parte inferior de la página, con esto quiero decir que la única parte visible de la ventana es la barra superior, el resto del la ventana está fuera de la vista, solo cuando la arrastra puede verla correctamente. No tengo estilos aplicados al div que se está usando para la ventana, así que estoy confundido sobre por qué se muestra así.

También quiero desactivar todo el botón de acción en la barra superior de la ventana, intenté establecer una matriz de acción vacía pero un botón de cerrar se muestra como predeterminado, ¿hay alguna manera de mostrar el título de la ventana en la parte superior? ¿bar? Quiero que la ventana desaparezca cuando se hace clic en un botón.

Así es como estoy creando la ventana:

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

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

Este es mi div con solo una etiqueta, una entrada y un botón, no se le aplica CSS en este momento:

<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>

Answer 1

1.Necesitas intercambiar las dos últimas líneas de código. Antes que nada necesitas abrir la ventana y luego puedes centrarla.

2. Para mostrar la ventana sin realizar ninguna acción, debe pasar el objeto vacío:

actions: {}

Answer 2

Las últimas dos líneas deberían leer:

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

Answer 3

¿Has intentado ocultarlo, luego centrar y abrirlo?

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

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

Answer 4

Puede referir el siguiente código para posicionar su ventana.

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

Si desea una posición fija independientemente de los tamaños de pantalla, utilice

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

Pero si quiere ajustar su posición de ventana relativamente , arriba y a la izquierda en ''%'' le funcionarán.

Answer 5

El de abajo funciona para mí. Si no te gusta como modal, configúralo como falso o quítalo.

 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"
            ]
        });