ejemplos - Posicionamiento del diálogo jQuery UI: ajuste la posición superior en 20px-

jquery ui dialog example

Question

Tengo un diálogo que se llena con una llamada ajax. Quiero limitar la altura máxima del cuadro de diálogo y también permitir que se pueda desplazar en espiral si se excede esta altura máxima . El código a continuación hace exactamente lo que quiero.

El problema es que no puedo mover la parte superior del diálogo desde la posición superior . Puedo moverlo a izquierda y derecha. No puedo usar el centro ya que el cuadro de diálogo se muestra en una ventana grande con capacidad de desplazamiento. Si utilizo Firebug puedo ajustar la propiedad superior pero no puedo encontrar dónde se establece en cero.

$("#your-dialog-id").dialog({
    open: function(event, ui) {
        $(this).css({''max-height'': 500, ''overflow-y'': ''auto''});
    },
    autoOpen:false,
    modal: true,
    resizable: false,
    draggable: false,
    width: ''690'',
    closeOnEscape: true,
    position: ''top''
});

Quiero ajustar la posición y del diálogo para que sea 20px desde la parte superior de la ventana. ¿Alguna idea de lo que puedo hacer?

Answer 1

Cambiar el último valor resolvió el problema:

position: [''center'',20] 

http://jsfiddle.net/chrisloughnane/wApSQ/3

Answer 2

La forma más fácil es:

$("#dialog").dialog({ position: { my: "center", at: "top" } });

Answer 3

usando Jquery UI 1.11.4

        var Y = window.pageYOffset;

        $( "#dialogJQ" ).dialog({
            modal: true,
            closeOnEscape: false,                
            width:''auto'',
            dialogClass: ''surveyDialog'',
            open: function(event, ui) {
                $(this).parent().css({''top'': Y+20});
            },
        });