Using two options simultaneously JQueryUI Dialog Widgets

Question

Using two options simultaneously JQueryUI Dialog Widgets

Navigation

#1 by (0 votes)

0

I'm trying to implement the JQuery-UI Dialog Widget so that the entire screen (and more) is completely populated by Dialogs of different width and position.

But I'm facing two problems:

1) I can not set the two options in JQuery UI. Either accept one or accept the other. The code I'm using is this:

  $( function() {
    $( "#lub" ).dialog({
      position: { my: "center top", at: "left top+150", of: window }
      width: 500        
   });
} );

Even if I give a "macaronic" solution to the problem, there is still another problem:

2) I can not make the Dialog Widget appear outside the page display area. There is no number that I inform that causes the window to appear where I want it. The code in the other window looks like this:

  $( function() {
    $( "#rank" ).dialog({
        position: { my: "left top", at: "left top+1530", of: window }

    });
  } );

jquery jquery-ui

asked by anonymous 28.09.2017 / 20:23

1 answer

Change select arrow when trigger event click Magento Query File

score 0 · Accepted Answer

I've been able to solve some of the problem. I learned how to use two options. Just use the comma as the example below:

  $( function() {
    $( "#rank" ).dialog({
        width: 500,
        autoOpen: true,
        show: {
            effect: "blind",
            duration: 1000
        },
        position: { my: "left top", at: "left top+1530", of: window }

    });
  } );

Now all you need to do is find out how you can make position work anywhere on the page.