.Shift Notification and other Toolbar Popups
By Altitudes on Wednesday, 08 July 2015
Posted in Tips & Tricks (Not Supported)
Likes 0
Views 1K
Votes 0
Hello

On my site with large screens, the notification popup does not show is truncated because it is displayed too much on the right (see attachment).

I would not call that a bug since the way I display the toolbar on large screen is quite unusual (but my users like it

My question is: what should I do to move the notification panel (and other panels) to the left? I tried with some CSS but I'm afraid JS is also involved here...

Thanks for your help!

.Fixed in ES 1.4.9
Are you using the component toolbar or a module to display the toolbar?
Josh Lewis
·
Thursday, 09 July 2015 02:10
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello

That's the module.
Altitudes
·
Thursday, 09 July 2015 02:16
·
0 Likes
·
0 Votes
·
0 Comments
·
The toolbar needs the options that the ES notifications module has:



If these options were added, it would allow you to control the direction of the popbox and the offset to get a pixel perfect feel.

Josh Lewis
·
Thursday, 09 July 2015 02:39
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello, you can get the solution at this thread. http://stackideas.com/forums/toolbar-notification-tab-position-side-bar-opens-off-screen
Chang
·
Thursday, 09 July 2015 11:59
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello

Thank you, I must say I did not expect so many helpful answers!

In fact the most simple solution appears to be to replace 
	data-popbox-collision="none"

by
	data-popbox-collision="flip"

in components\com_easysocial\themes\wireframe\toolbar\default.conversations.php, default.friends.php and default.notifications.php

Why is this not set by default? I don't see any harm in it, and it would avoid having to do some overrides...
Altitudes
·
Thursday, 09 July 2015 14:46
·
0 Likes
·
0 Votes
·
0 Comments
·
Applying the option that the notification module has would also work great (no override needed regardless to the scenario).
Josh Lewis
·
Thursday, 09 July 2015 16:00
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Altitudes,

Glad that your issue has been resolved now.
Ezrul Fazwan
·
Thursday, 09 July 2015 16:03
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello

Any hope that you set data-popbox-collision="flip" in the 3 files mentioned above? Or is there any risk I missed?

Thank you
Altitudes
·
Friday, 18 March 2016 04:07
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey there,

It will not cause any issue if you only using toolbar module to populate the Easysocial toolbar in your site.

By the way, I will add an option for this from the toolbar module in the next release version.
Arlex Wong
·
Friday, 18 March 2016 12:23
·
0 Likes
·
0 Votes
·
0 Comments
·
Great, thank you
Altitudes
·
Friday, 18 March 2016 17:24
·
0 Likes
·
0 Votes
·
0 Comments
·
Your welcome Altitudes
Syazwan Dzulkifli
·
Friday, 18 March 2016 17:27
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post