¿Cómo cambiar el tamaño del botón en el cuadro de diálogo de confirmación de Jquery Ui?

Mi código está debajo. Necesito cambiar el tamaño del botón en el botón ok y cancelar en el botón.¿Cómo cambiar el tamaño del botón en el cuadro de diálogo de confirmación de Jquery Ui?

<div style="font-size: medium" id="dialog" title="Confirmation Required"> 
    Story Will Be Deleted?? 
</div> 

<script type="text/javascript"> 
    $(document).ready(function() { 
    $("#dialog").dialog({ 
     autoOpen: false, 
     width:300, 
     hight:400, 
     fontSize:10, 
     modal: true 
    }); 
    }); 

    $(".confirmLink").click(function(e) { 
    e.preventDefault(); 
    var targetUrl = $(this).attr("href"); 
     // $dialog.attr('font-size', '8px'); 

    $("#dialog").dialog({ 
     buttons : { 

     "OK" : function() { 

      window.location.href = targetUrl; 
     }, 
     "Cancel" : function() { 
      $(this).dialog("close"); 
     } 
     } 
    }); 

    $("#dialog").dialog("open"); 
    }); 
</script>

Gracias

Fuente

2011-03-22 Renukshan Saputhanthri

¿qué es lo que necesita para c colgarlo? Además, ¿por qué no simplemente EDITAR el CSS que corresponde a estos 2 elementos? – Jakub

Necesito cambiar el tamaño del botón ??? –

quiero que sea más pequeño –

Usted puede hacer esto con un poco de CSS, todo lo que tiene que hacer es reducir el tamaño de la fuente:

#dialog .ui-button-text { 
    font-size: 10px; /* Or whatever smaller value works for you. */ 
}

También puede dejar el relleno:

#dialog .ui-button-text { 
    font-size: 10px; 
    padding: 1px 1px 1px 1px; /* Or whatever makes it small enough. */ 
}

Estos ajustes son específicos para el diálogo (de ahí el #dialog en el selector CSS) t o evite estropear cualquier otro botón jQuery-UI que esté utilizando. Si desea que todos los botones sean más pequeños, aplique los cambios al tema CSS de jQuery-UI.

La manera más fácil de determinar qué clases ajustar es usar un inspector DOM (Firebug tiene una, WebKit tiene una mejor (en mi humilde opinión)).

Fuente

2011-03-22 05:34:24

Eso funcionó para mí. ¡Gracias! –

<style type="text/css"> 
    .ui-widget, .ui-widget button { 
     font-family: Verdana,Arial,sans-serif; 
     font-size: 0.8em; 
    } 
    </style>

probar este im usando CSS: la suavidad/jquery-ui-1.8.9.custom.css JS: jquery-1.4.4.min.js y jquery-ui-1.8.9.custom. min.js

Fuente

2011-03-22 06:00:09 jaychapani

Gracias chicos. Lo conseguí trabajando. :-) –

puede establecer el ancho de botón como en este ejemplo:

$('#MyDialog').dialog("option", "buttons", [ 

    { 
     text: "Reset", 
     width: "100", 
     click: function() { Reset(className); } 
    }, 

    { 
     text: "Save", 
     width: "100", 
     click: function() { Update(className); } 
    }, 
    { 
     text: "Cancel", 
     width: "100", 
     click: function() { Close(); } 
    } 
]);

Fuente

2012-10-29 18:52:13

Creo que esa es la mejor solución si queremos que todos los botones en el cuadro de diálogo específico tengan el mismo ancho, pero no sobreescriban CSS para todos los cuadros de diálogo. ¡Gracias! –

.ui-button .ui-button-text{ 
    font-size: 12px; 
}

esto funcionó para mí

Fuente

2016-05-16 09:30:25 BEDI

¿Cómo cambiar el tamaño del botón en el cuadro de diálogo de confirmación de Jquery Ui?

Respuesta

Cuestiones relacionadas