[fx.php_list] Re: [OFF] jQueryUI dialog conundrum

  • From: Bob Patin <bob@xxxxxxxxx>
  • To: "FX.php Discussion List" <fx.php_list@xxxxxxxxxxxxx>
  • Date: Wed, 14 Feb 2018 10:57:59 -0600

Weird… I had tried that, but it didn’t work either.

I finally got this to work, even though it’s supposed to be deprecated:; it 
doesn’t center it, even if i put 'center' in place of the first zero, but 
that’s okay, so long as it’s not down the page as it was before (which didn’t 
look good on smartphones).

$( "#dialog" ).dialog({
                autoOpen: false,
        resizable: false,
        modal: true,
                width:600,
                height: 600,
                position:[0,0],
      show: {
        effect: "fade",
        duration: 300,
      },
      hide: {
        effect: "explode",
        duration: 300
      },
        open: function() {
            $('.ui-widget-overlay').bind('click', function() {
                $('#dialog').dialog('close');
            })
        }
    });
    
Hope you’re well!

Bob



On Feb 14, 2018, at 10:48 AM, Steve Winter <steve@xxxxxxxxxxxxxxxxxxx> wrote:

PPS the fact that this is in an iframe may also make the results somewhat 
unpredictable because jQuery may struggle to work out where the ‘top’ is...

On 14 Feb 2018, at 18:34, Bob Patin <bob@xxxxxxxxx <mailto:bob@xxxxxxxxx>> 
wrote:

Hi FX folks,

Haven’t seen much traffic on this list lately, hope everyone is well.

I’ve got a page that uses a jQueryUI dialog to display some photos and text; 
I’d like to have it display at the top of the page rather than centered in 
the table from which it’s called.

I tried this (see my POSITION settings in there), but it’s not doing 
anything. Anyone have an idea how to get this to display at the top? Here’s 
the page it’s on: 
http://artsandathletics.org/additional-info/afterschool-classes/?loc=9 ;
<http://artsandathletics.org/additional-info/afterschool-classes/?loc=9

$( function() {
    $( "#dialog" ).dialog({
             autoOpen: false,
        resizable: false,
        modal: true,
             width:600,
             height: 600,
      show: {
        effect: "fade",
        position: {
                     my: "center top",
                     at: "center top",
                     of: "#dialog"
             },
        duration: 300
      },
      hide: {
        effect: "explode",
        duration: 300
      },
        open: function() {
            $('.ui-widget-overlay').bind('click', function() {
                $('#dialog').dialog('close');
            })
        }
    });

Thanks for any insight!


Bob Patin
Longterm Solutions
bob@xxxxxxxxxxxxxxxxxxxxx <mailto:bob@xxxxxxxxxxxxxxxxxxxxx>
615-333-6858
FileMaker 9, 10, 11, 12 & 13 Certified Developer
http://www.longtermsolutions.com ;<http://www.longtermsolutions.com/>
-
iChat: bobpatin@xxxxxx <mailto:bobpatin@xxxxxx>
Twitter: bobpatin

FileMaker Consulting 
FileMaker Hosting for all versions of FileMaker
PHP • Full email services • Free DNS hosting • Colocation • Consulting




Other related posts: