Log in | Register
  1. Forum
  3. Discontinued Products
  5. JFBConnect Joomla 2.5 Support (CLOSED)
  7. Invite Friends Module - Right side of dialogue box cut off

Topic-icon Invite Friends Module - Right side of dialogue box cut off

Active Subscriptions:

None
12 years 6 months ago #14870 by spikesantee
I have Joomla 1.7 installed with JFBConnect 4.0.3 installed. I have Modules Anywhere installed too.

I created a document and used Module Anywhere to load the JFBCinvite module inside the document.

When I select a friend and then click on the Send Invitation button, the pop up window is cut off on the right hand side. It is cut off at the right hand side as set in the configuration of the module, under basic options, the columns selector.

The web site is www.radiotalkingpoints.com.

Thanks.
The topic has been locked.
Active Subscriptions:

None
12 years 6 months ago #14877 by spikesantee
I followed the forum threads to the Common Support Questions page. I've done all of the suggestions except this one:

3) Update any div's that contain the JFBCInvite module to have an "overflow: visible" CSS attribute

I'm not sure how to do this. Wouldn't this be in the css file that formats the article page when it is rendered?
The topic has been locked.
Active Subscriptions:

None
12 years 6 months ago #14878 by spikesantee
It looks like the pop up window to confirm the invitations is restricted by the width set for the display of the article. I removed any modules from the left side of the template so the article and the JFBCInvite module are both left aligned. I thought this would allow the popup window more space to the right to display. But you can clearly see that the popup is cut off exactly at the right most portion of the article.

Can someone tell me where I might find the code to use the third suggestion from the Common Support Questions page?

3) Update any div's that contain the JFBCInvite module to have an "overflow: visible" CSS attribute

I'm using Joomla 1.7 and the Beeze2 default template.
The topic has been locked.
Active Subscriptions:

None
12 years 6 months ago #14879 by spikesantee
This is weird, the JFBCInvite module doesn't show up at all using IE 9.
The topic has been locked.
Support Specialist
12 years 6 months ago #14895 by alzander
spikesantee,
Very sorry for the delay.

I can't actually test the Invite module on your page because it looks like you're using a different Facebook Login extension, which isn't working. Because of that, I can't login to your site with FB and therefore can't see the Invite module. If you can get that fixed, I'll gladly take a look at the invite module and let you know exactly what CSS file needs to be changed, and how.

As for your questions above, yes, for the Invite module to not get cutoff, you'd need to modify any surrounding divs (article, wrappers, main content areas, etc) to not cutoff the expansion of the invitation area. This is usually due to the overflow:hidden setting, but can actually be other issues too.. which is where I can gladly help to narrow down.

Sorry again for the delay,
Alex
The topic has been locked.
Active Subscriptions:

None
12 years 6 months ago #14901 by spikesantee
I have the JFBConnect login active now. I was using the CB FB login.
The topic has been locked.
Support Specialist
12 years 6 months ago #14908 by alzander
Thanks for changing that around.

In the /templates/beez_20/css/position.css file, at line 81, you'll see:
#wrapper2 .item-page
{
    max-width:660px
}

Add the overflow:visible there and put a semicolon at the end of the max-width line, so it looks like:
#wrapper2 .item-page
{
    max-width:660px;
    overflow:visible;
}

I used the Chrome Developer Tools to narrow this down. You can inspect the CSS and make changes on the fly, and it makes things easier to see how changes take effect, just so you know. Firefox has "Firebug", IE9 has it's own built in tools, and so do Safari and Opera, just so you know and want to look into it further.

Hope this helps!
Alex
The topic has been locked.
Active Subscriptions:

None
12 years 6 months ago #14911 by andybott
I am also having this problem and the fx above appear not to be working ! also I cant get the email invite function to disable !
The topic has been locked.
Support Specialist
12 years 6 months ago #14915 by alzander
Andy,
Can you post (or Private Message) me a link to the page with the Invite module enabled. Unfortunately, the CSS required for everyone can be different depending on where the place the module, and most importantly, the template they're using. We'll do what we can to provide the proper CSS for you.

As for the Email Invite function, do you mean the 2nd window that pops up after trying to invite friends? I'm assuming you have that setting in the module disabled, but it sounds like it's still not being skipped?

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
12 years 6 months ago #14916 by spikesantee
The code fix overflow:visible worked and the popup window displays correctly now. Thanks. I left a nice review on the Joomla Extension site.
The topic has been locked.
  1. Forum
  3. Discontinued Products
  5. JFBConnect Joomla 2.5 Support (CLOSED)
  7. Invite Friends Module - Right side of dialogue box cut off
From the Blog
Facebook | Twitter | LinkedIn | Blog RSS