uriel arvizu
Estoy tratando de mostrar una ventana modal de la 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 de la ventana está fuera de la vista, solo cuando la arrastra puede verla correctamente. No tengo estilos aplicados al div que se usa para la ventana, por lo que no sé por qué se muestra así.
También quiero deshabilitar todo el botón de acción en la barra superior de la ventana, traté de establecer una matriz de acción vacía pero se muestra un botón de cierre 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 haga 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 está aplicando 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>
plinkplink
¿Has intentado ocultarlo, luego centrarlo 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();
de: http://www.kendoui.com/forums/ui/window/kendowindow-center-doesn-t-work-when-inside-an-iframe.aspx
-
¿No te refieres a .data(‘kendoWindow’).center().open()? Pero sí, esto resolvió el problema, si quiero alterar un poco su posición, ¿cómo debo hacerlo?
– Uriel Arvizu
3 mayo 2013 a las 22:13
-
Si conoce la posición XY, podría usar
accessWindow.wrapper.css({ top: "100px", left: "50px" }). Recuerda que puedes conseguir el puesto haciendoaccessWindow.wrapper.position(). Ejemplo aquí– OnaBai
3 mayo 2013 a las 22:55
-
Todavía lo encuentro a veces peculiar si lo cierro y lo abro de nuevo.
– Isilme O.
20 de marzo de 2015 a las 14:48
Las dos últimas líneas deben decir:
accessWindow.data("kendoWindow").center();
accessWindow.data("kendoWindow").open();
-
O incluso accessWindow.data(“kendoWindow”).center().open();
– Stuart Reliquias
13 de agosto de 2013 a las 13:52
-
No funcionó en este orden para mí. La respuesta de Vlad arriba, donde dijo que abriera la ventana, luego centrara, funcionó para centrar mi ventana.
– chico vapc
18 de septiembre de 2014 a las 1:29
-
@vapcguy, ¿cómo conseguiste que evitara deslizarse por la ventana cuando se abre primero y luego se centra?
– Kala J.
12 de enero de 2015 a las 22:49
-
En realidad, lo siento, lo miré de nuevo y tenía
accessWindow.data("kendoWindow").center().open();después de todo.– chico vapc
16 de enero de 2015 a las 4:22
-
No estoy seguro si el orden es realmente importante, pero el altura es decir, en un escenario cuando carga contenido desde Ajax, debe forzarlo a cierta altura; de lo contrario, intentará centrar algo que no tiene altura.
– Jeff
22 de enero de 2016 a las 14:37
1. Debe intercambiar las últimas dos líneas de código. En primer lugar, debe abrir la ventana y luego puede centrarla.
2. Para mostrar la ventana sin ninguna acción, debe pasar un objeto vacío:
actions: {}
-
el objeto vacío funcionó para mostrar ninguna acción, pero la ventana se sigue mostrando en la parte inferior, creo que necesito especificar más sobre este aspecto, cuando digo inferior, quiero decir que solo puede ver la barra superior, la ventana no es que se muestra en el navegador, solo hasta que lo arrastre puede verlo.
– Uriel Arvizu
3 mayo 2013 a las 22:05
-
Abriendo la ventana, luego haciendo
.center()trabajó para mi. Muchas GRACIAS por este pedazo de información. +1– chico vapc
18 de septiembre de 2014 a las 1:28
-
@VladOmelyanchuuk, cuando abro().center(), puedo ver mi cuadro de diálogo deslizarse por la pantalla para centrarse. ¿Cómo puedo prevenir esto?
– Kala J.
14 de enero de 2015 a las 16:16
sethu madhava
El de abajo funciona para mí. Si no le gusta como modal, configúrelo como falso o elimínelo.
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"
]
});