× Joomla Facebook Connect support forum

Topic-icon iFrame overlap/hiding issues with Invite module

Active Subscriptions:

None
14 years 6 months ago #16024 by Robert
I read a thread from someone with the same issue that ended with this comment:

"Unfortunately, if this doesn't work, the next best suggestion I'd have is to make it so that Invite module can't overlap into another Facebook widget. They both use iFrames to display their content, and iFrames overlapping can cause some of the issues in your picture above."

I have tried positioning the module every way I possibly can think of and ... what it really looks like to me is that after you select the recipients and click send, the iFrame pops up, in a different position than the module (looks to be centered on the page) and the iFrame doesn't display in full ... even when there are no other published modules on the page.

Is it a matter of repositioning the pop up iFrame for it to display in full? If so, can someone please give me an idea how that might get done? I am clueless.

Thanks!!!
The topic has been locked.
Support Specialist
14 years 6 months ago #16030 by alzander
Robert,
The issue you mention and the quote you give are likely unrelated. That user was simply using multiple FB widgets right next to each other, and that can cause a weird overlap and cutting off of things.

For the Invite module not expanding properly, please see the following support document. This is a known problem with Facebook's widget, which we have multiple ways to work around:
www.sourcecoast.com/jfbconnect/docs/comm...questions#jfbcinvite

Most importantly, in our JFBC 4.1 release, we're changing the Invite module completely to use a different system from Facebook, which should get rid of this issue entirely.

Hope the support doc above helps, but if not, just let us know, and we'll do what we can to help,
Alex
The topic has been locked.
Active Subscriptions:

None
14 years 6 months ago #16031 by Robert
Thank you so much for the timely response. I will read and apply the documentation. Will update you with the results.
The topic has been locked.
Active Subscriptions:

None
14 years 6 months ago #16034 by Robert
I am not a programmer by trade but can make confident edits to code if I know or can find where to make them.

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

At the risk of sounding really stupid, what file(s) would I look for this?
The topic has been locked.
Support Specialist
14 years 6 months ago #16038 by alzander
Robert,
Likely just easier if we tell you what to do :D Can you post the URL of the page on your site with the Invite module?

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

None
14 years 6 months ago #16040 by Robert
HA! You are probably right!

Here is the page: www.saucyjackson.com/index.php?option=co...cle&id=37&Itemid=100
The topic has been locked.
Support Specialist
14 years 6 months ago #16043 by alzander
Ugh.. Glad I asked, actually, as it's different than what's in that post I linked to. The invite module acts a little different on every site, which is obviously strange (and why we're happy to be moving away from it soon). However, until then, can you try the following changes (in order of difficulty):
1) Simply change the Rows to "4" in the module. Don't think this will work, but super easy :D
2) Modify the /modules/mod_jfbcinvite/tmpl/default.php file. At line 22, you'll see:
$closedWidth = 740;
Change 740 to 774

#2 should definitely work, but takes a little extra effort. However, note that if you're displaying that module on another page, the width may cause other issues.. which if it does, just let us know.

Hope that goes well, and sorry for the troubles!
Alex
The topic has been locked.
Active Subscriptions:

None
14 years 6 months ago #16045 by Robert
Wow. Thanks for the attention and help. Highly appreciated.

I have tried #1 before ever posting to this forum. No luck, unfortunately.
I will make the edits as you described in #2. I am comfortable with that. I will then simply use the module as such in a static location until we see the updates!

Thank you, thank you, thank you,
Bob
The topic has been locked.
Active Subscriptions:

None
14 years 6 months ago #16046 by Robert
One last request:

#2 worked great on the width. Thank you. However, Is there a similar edit I can make to the height?

The iFrame form still cuts off at the bottom when you add a personal message to the invite.
The topic has been locked.
Active Subscriptions:

None
14 years 6 months ago #16048 by Robert
Sorry ... one more thing that came up while I was testing.

When the email invitation option comes up (which doesn't seem to defeat using the modules parameters), it is cut off at the bottom and not showing any buttons to skip or send or cancel.
The topic has been locked.