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