Getting Notifications to load the Popbox Properly Right Away
By Josh Lewis on Monday, 01 December 2014
Posted in General Issues
Replies 11
Likes 0
Views 616
Votes 0
When clicking the notifications icon, it initially loads as:



After it's finished loading it appears properly (centered and seamless):



What I'm wanting is for it to initially load the popbox in the proper location. Currently I'm using a little bit of CSS from my template to load the popbox into the proper location:

.popbox.es.popbox-notifications.bottom-right {

    border-radius: 0 0 6px 6px !important;

    margin-left: -3px;

    margin-top: -2px;

}


The bad news is that it only puts it into the proper spot after the popbox loads the content. I even tried manipulating the loading class (using a simple .loading {} selector) with no success. I'm assuming the issue is that even with the negative margins that attempt to bump it in the right spot, the JavaScript recalculates the object position putting it back to where it would normally be. I know this isn't a big deal, but it would be ideal to make it feel seamless to the user.
Hello Josh,

The popbox offset for "EasySocial Dropdown Menu" module will be included in the next release.
Chang
·
Monday, 12 January 2015 11:49
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Josh,

Sorry for the late reply. Can you revert back any changes you have made so I can check on your issue here? Because I can't replicate in my local.
Nik Faris
·
Monday, 01 December 2014 16:07
·
0 Likes
·
0 Votes
·
0 Comments
·
The gist is that I want the popbox to be moved over a few pixels both while it's loading and once it's done loading. I have the latter part already.

I could revert it back, but I don't think it's going to help you much. If I comment out the CSS, it will display "as you would expect". The down side to that is that it will not display as cleanly, almost giving it a semi out of place feel. From my point of view this isn't a error, but it is designed in such a way that makes it difficult to make any corrections based on the script telling it to position in a specific spot. I'm able to position it exactly where I want after it loads, but not while it loads (using negative margins).

I understand that this might be a trickier issue to solve even though it's only a few pixels we are fighting for.
Josh Lewis
·
Tuesday, 02 December 2014 11:06
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Josh,

You can temporary defined popbox offset value at /templates/elegant/html/mod_easysocial_notifications/default.php
Search for data-popbox-offset="9" (default is 10).
And we will enhance the popbox offset options for future release.
http://screen.stackideas.com/2014-12-03_1241.swf
Chang
·
Wednesday, 03 December 2014 12:47
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks Chang for looking into this. I assume this would be done with an offset option? Or is a different method being considered?
Josh Lewis
·
Wednesday, 03 December 2014 14:22
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Josh,

We will add in an offset option on module settings, thanks.
Chang
·
Wednesday, 03 December 2014 16:59
·
0 Likes
·
0 Votes
·
0 Comments
·
I don't suppose the module "EasySocial Dropdown Menu" could also get this offset option? The display right now is pretty good, but the display is 1 pixel off based on how my template is. Based on how the module loads relative to the login button I can't really fix it without making the login button in a slightly bad position. While 1px doesn't sound like much, in FireBug when setting the display for 1px further up the display suddenly looks totally seamless. Theoretically this option should be easy to copy over from the notifications module?
Josh Lewis
·
Saturday, 10 January 2015 09:52
·
0 Likes
·
0 Votes
·
0 Comments
·
I appreciate the settings being added to both "EasySocial Dropdown Menu" and "EasySocial Notifications". Unfortunately they don't appear to do anything in terms of adjusting the popbox position relative to the buttons that activate them. I even tried more radical values with no change. Feel free to test this on my test site.
Josh Lewis
·
Tuesday, 13 January 2015 19:51
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Josh,

It's actually a bug internally and we have already addressed this.
Chang
·
Wednesday, 14 January 2015 16:11
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks Chang. I'm curious what you suggest I do in terms of horizontal alignment? (I assume the offset option is supposed to adjust vertical) As mentioned in the mod I was using before (now removed), it's 3px too far to the right. I'm curious if the offset option affects vertical pixels or horizontal?
Josh Lewis
·
Wednesday, 14 January 2015 16:23
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Josh, right now the offset option for vertical px only http://screen.stackideas.com/2015-01-14_1629.png
Chang
·
Wednesday, 14 January 2015 16:33
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post