Tooltip EasySocial Tool Bar Module
By Marcus Palmer on Sunday, 03 August 2014
Posted in Technical Issues
Likes 0
Views 1.2K
Votes 0
If i place the Easysocial tool bar module in a position "Toolbar Right" top right of a website, I'm finding the tooltip is showing but off the page..

Menu is set to responsive still happening!

How do i fix please?
Hello Marcus,

I am sorry for the misunderstanding earlier and you can remove the previous fix which I gave to you. Here I attached to you 3 files. Please put it in your site and see if this what you trying to achieved. Please do backup first the original files before overriding these files with the attached files. This is also a customization and will not be included in the next release.
1. \components\com_easysocial\themes\wireframe\toolbar\default.conversations.php
2. \components\com_easysocial\themes\wireframe\toolbar\default.php
3. \components\com_easysocial\themes\wireframe\toolbar\default.friends.php

If you unable to do this or encounter issues, please provide us FTP access and we can help you apply this fix.
Hope this will help.
Thanks.
Yasser Ibrahim
·
Wednesday, 06 August 2014 19:32
·
0 Likes
·
0 Votes
·
0 Comments
·
I'm having the same issue with the notifications module. The drop down design is made to be centered from the icon which is reasonable, but needs additional options. So what I'm proposing is for three options for the drop down: float left, float center, and float right. This would allow you as the admin to choose the direction of how it flows. Facebook for example floats the drop down menu left from the icon which prevents the drop down from flowing off the template. Control over the direction of the drop down is pretty important in design.

Anyways, here is a screen shot showing it going over the edge on my site:

Josh Lewis
·
Sunday, 03 August 2014 09:36
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Josh,

I am sorry for the late reply because we miss your post earlier.
Can you try put this css customization code inside your current Joomla template and see if this suit your need. Actually this is the best we can do to make a simple fix since the position of the popbox-notification is rendered using javascript. Please do post your feature requests for EasySocial at http://stackideas.com/voices/easysocial 


body div#fd.es.popbox-notifications{

	left:auto !important;

	right:10px !important;

}

body div#fd.es.popbox.bottom .arrow{

	display:none;

}


Hello Marcus Palmer,

Can you give your site access so that we can help you fix this issue.

Hope this will help and please be advise.
Thanks.
Yasser Ibrahim
·
Tuesday, 05 August 2014 18:20
·
0 Likes
·
0 Votes
·
0 Comments
·
ok i've added site login details below...

This is what i get while hovering over the menu

Marcus Palmer
·
Tuesday, 05 August 2014 19:21
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Marcus,

I am sorry for the late reply.
I'm referring to your issue,
I'm finding the tooltip is showing but off the page.
Actually, you can insert padding-top into the current Joomla template from this screenshot http://screencast.com/t/R0xVFQcvkL to http://screencast.com/t/ePY6mQ30 . Here the css customization code for you to try.


.es.mod-es-toolbar{

	padding-top:30px;

}


Hope this will help.
Thanks.
Yasser Ibrahim
·
Wednesday, 06 August 2014 16:18
·
0 Likes
·
0 Votes
·
0 Comments
·
Ok that makes the toolbar drop 30px, what i was trying to accomplish is simply flipping the tooltip so instead of it showing at the top on hover it shows at the bottom. This way the site will not look off balance
Marcus Palmer
·
Wednesday, 06 August 2014 18:21
·
0 Likes
·
0 Votes
·
0 Comments
·
Ok that worked but you forgot default.notification.php

Added this and it works fine
Will save snippet of code for future releases!
data-placement="<?php if ($this->app->scope == 'mod_easysocial_toolbar') {echo 'bottom';}else{ echo 'top';} ?>"



Many thanks for that!!!!!
Marcus Palmer
·
Wednesday, 06 August 2014 19:54
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Marcus,

You're welcome. Glad to hear your issue have been resolved.
If you have anymore question, please don't hesitate to ask us and please create a new ticket. I will mark this ticket as resolved.

Thanks again and have a wonderful day.
Yasser Ibrahim
·
Thursday, 07 August 2014 10:22
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post