Tutti-Frutti » 5 febrero, 2014

Daily Archives: 5 febrero, 2014

JQuery UI Dialog sin botón Cerrar

El objeto Dialog de JQuery UI es una opción muy útil para presentar mensajes o formularios de manera modal, por encima de la página actual. Por supuesto que el uso lo determinan Uds…

En este caso, les voy a presentar la solución que usé, para evitar que salga el botón cerrar (con forma de X) en la parte superior derecha de la ventana de diálogo. Como se puede apreciar en la imagen que encabeza esta entrada.

open: function(event, ui) { $(this).parent().find(".ui-dialog-titlebar-close").remove(); },
closeOnEscape: false

Aquí les dejo un ejemplo completo, por si lo necesitan.

$("#divDialogo").dialog({
   autoOpen: false,
   resizable: false,
   height: 415,
   width: 405,
   modal: true,
   open: function(event, ui) { $(this).parent().find(".ui-dialog-titlebar-close").remove(); },
   buttons: {
      "Guardar": function() {...},
      "Cancelar": function(){$(this).dialog("close");}
 },
   closeOnEscape: false
 });
Published by: