JQuery UI Dialog sin botón Cerrar

Comment

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

Deja un comentario

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.