× Joomla Facebook Connect support forum

(SOLVED) JFBCLogin status window is cut off

fb_1071635934
Offline

Active Subscriptions:

None

13 years 6 months ago - 13 years 6 months ago #5504 by fb_1071635934

(SOLVED) JFBCLogin status window is cut off was created by fb_1071635934

Hi,
I login to my site via the JFBCLogin module using FB credentials without issue.
But when I hover over the LOGIN menu item to see my login status, the popup shown seems to be cut off at the bottom.
I only see half the 'Welcome ...' message and no logout button etc.
If I login with Joomla credentials, there is no issue with the popup.
See image as example.

Thanks,
Tim.

Last edit: 13 years 6 months ago by fb_1071635934.

The topic has been locked.

alzander
Offline

Support Specialist

13 years 6 months ago #5511 by alzander

Replied by alzander on topic (SOLVED) JFBCLogin status window is cut off

I can't say I know what drop-down module thing your using, but the line below is why the Login module is cut-off:
<div class="dropdown columns1" style="visibility: visible; overflow-x: hidden; overflow-y: hidden; width: 300px; height: 62px; zoom: 1; opacity: 1; ">

This div contains the JFBCLogin, but is setting a fixed height of 62px. I'm not sure where this number is coming from, but hopefully this helps you to narrow down the issue. If there's something we can do to help, let us know, but it seems like it's whatever 'hover' module you're using is not correctly sizing the containing divs.

The topic has been locked.

fb_1071635934
Offline

Active Subscriptions:

None

13 years 6 months ago #5527 by fb_1071635934

Replied by fb_1071635934 on topic (SOLVED) JFBCLogin status window is cut off

HI All.
Just thought I'd update this with the solution I came up with.
As Alex pointed out, the template is limiting the height of my dropdown box and changing that via php or css will likely affect the other dropdowns in the menu.
So I focused on the JFBC additions to the dropdown and found the Id 'profile-pic'.
I then added a line of css to the templates 'custom.css' ...

#profile-pic { float: right; }

...that floated the picture to the right in the dropdown and 'left' room on the left for the text and 'Logout' button.
And all is sweet again.
Cheers,
Tim.

The topic has been locked.

alzander
Offline

Support Specialist

13 years 6 months ago #5536 by alzander

Replied by alzander on topic (SOLVED) JFBCLogin status window is cut off

Great to hear. We try to have plenty of classes/id's on the elements in the login module, but it can be a pain to hack when we're missing something. It's something we'll be overhauling in an upcoming release (likely post 3.1). Shouldn't affect you much though, hopefully

Good luck, and, as always, let us know if you need anything else!

The topic has been locked.

Start
Prev
1
Next
End

SourceCoast Login

(SOLVED) JFBCLogin status window is cut off