Mouseover profile popup position

Does anyone know where the control is for how far up the screen this popup shows up?

I need to make it display lower as I have added a few things to it and it's WAY too high.  IT displays at like -216PX.

 

I have poked around in the javascript some, just not sure where the calculation is for TOP.

Thanks!

http://www.mytikibar.com
Quote · 4 Aug 2012

use firebug in Firefox  its the best way.

Quote · 4 Aug 2012

Appears to be in the file functions.js in function loadDynamicPopupBlock

http://pkforum.dolphinhelp.com
Quote · 4 Aug 2012

Actually it's function showFloatUserInfo(iId, oObject)  around line 1026

 

problem is, at the top of my site, the pop up goes above the top of the page.

this is the line that displays the page

 $(this).dolPopup({position: $(oObject).get()});

 

I cannot find  {position: $(oObject).get()}  this to edit where it shows, I don't want the top less that 20px and it is -216px.

 

Thanks!

http://www.mytikibar.com
Quote · 4 Aug 2012

Can you add scrolling... or would that mess up the appearance and/or functionality ?

http://pkforum.dolphinhelp.com
Quote · 4 Aug 2012

 

Can you add scrolling... or would that mess up the appearance and/or functionality ?

 No, it;s the way the top of the box is calculated.  It shouldn't calculate out to less than 0px top as that displays off the top of the screen.  I am just looking where the formula is so I can add a check that if it's < 20px make it 20px.

 

I'd HATE to have to kludge it up and put my OWN check in it after it is displayed.  I just want to fix where it's calculated that it's drawn.

http://www.mytikibar.com
Quote · 4 Aug 2012

So, as you stated, this is the code that display it:  $(this).dolPopup({position: $(oObject).get()});

I don't see where it's checking to ensure the "float" block stays within the boundaries of the visible screen.  I suppose placing the popup in the center of the screen is not a viable option either *LOL*.  Looks like you have a very tricky problem.

http://pkforum.dolphinhelp.com
Quote · 4 Aug 2012

How big is your box?

I do not know exactly where the calculations are done, but i am pretty sure it's part of the jquery library.

It should work the this.

The position referenced is the position of the online indicator in the thumbnail block. Normally the popup is displayed with its top left corner on that position. However, if the height of the popup causes the bottom of the popup to show below the browsers window out of view then the lower left corner is used instead.

At least that is how it should work. Intended for small popup windows. So i am curious as to how large this popup is, and is one of its corners over the online indicator as it should be?

https://www.deanbassett.com
Quote · 4 Aug 2012

 

How big is your box?

I do not know exactly where the calculations are done, but i am pretty sure it's part of the jquery library.

It should work the this.


 Well here's a screen shot ff the whole thing like it should be.

and what is happening.  The top position is -125PX .  I want it to be 0 or 20PX something reasonable.

 

 

 

http://www.mytikibar.com
Quote · 5 Aug 2012

I see nothing wrong in the first image.

In the second one your browser window is so short that the popup does not fit when positioned by either corner. As positioned by bottom corner, it is to high. Top half missing. If positioned by top corner, the bottom half will be missing.

In your case because your popup is so large, you will need to used a fixed position on the screen.

I'll have to see if i can figure our how to do that.

https://www.deanbassett.com
Quote · 5 Aug 2012

 

I see nothing wrong in the first image.

In the second one your browser window is so short that the popup does not fit when positioned by either corner. As positioned by bottom corner, it is to high. Top half missing. If positioned by top corner, the bottom half will be missing.

In your case because your popup is so large, you will need to used a fixed position on the screen.

I'll have to see if i can figure our how to do that.

 AAAAhhhhh!!!!  The ole  Catch 22!  :(  I need to re configure then.  Maybe make the buttons links and shorten that window up!

Unless... you find something that works better.

I know if I position the one where it is off the top of the screen to top:20px; it fits just fine.

I can KLUDGE it and force the position, but I would like to find the formula that dynamically positions it so I can modify it.

 

Thanks!

http://www.mytikibar.com
Quote · 5 Aug 2012

 RE:

I see nothing wrong in the first image.

I do.... that's more orange than anyone should see in a lifetime.

My opinions expressed on this site, in no way represent those of Boonex or Boonex employees.
Quote · 5 Aug 2012

 

 RE:

I see nothing wrong in the first image.

I do.... that's more orange than anyone should see in a lifetime.

 There's  a animated gif just for you, but, it's above the top of the screen!  (J/K).

http://www.mytikibar.com
Quote · 5 Aug 2012

Just to let you know, I did "Fix" it.

 

in the file inc/js/Jquery.dolPopup.js

around line 229 theres this

 

    if ((elWinPos.top + elSize.height) > winSize.height)
        pos.top = pos.top - elSize.height + $p.height();

I added this and it works for me!
       
     if (pos.top < 0)
        pos.top = 0;

I am SURE this a much more elegant way to do it, and if you have one, please share.

 

Thanks!

http://www.mytikibar.com
Quote · 5 Aug 2012
 
 
Below is the legacy version of the Boonex site, maintained for Dolphin.Pro 7.x support.
The new Dolphin solution is powered by UNA Community Management System.