Topic-icon Link JFBCInvite to JomSocial Friend Invite

Active Subscriptions:

None
14 years 9 months ago #12968 by Nokorthom
Can you please show us how to add a link or embed JFBCInvite to the JomSocial Invite page? This would be awesome because that is another place where users go to use Facebook connect. Thanks you!
The topic has been locked.
Support Specialist
14 years 9 months ago #12990 by alzander
The friend invitation page is shown from the /components/com_community/templates/<YOUR JS TEMPLATE>/friends.invite.php

You can add the {JFBCLogin} tag here easily. Unfortunately, we don't have a tag for {JFBCInvite} yet. It's something we're working on as we'll be overhauling the invitation logic we're using in an upcoming release.

Hope that helps get you started though.

Alex
The topic has been locked.
Active Subscriptions:

None
14 years 9 months ago #12993 by Nokorthom
When I turned it on as a module, it is opened automatically once I log into the site. Can I add it as a menu item say on a Main Menu and it is connected or opened only when I click on it like open a page? What is the best way to do? I already set up everything, turned it off for now.
The topic has been locked.
Support Specialist
14 years 9 months ago #13000 by alzander
Yes, you can! The best/easiest way to do this is as follows:
1) Setup an instance of your JFBCInvite module. The "Full View" works great for this example, but you can use the condensed view as well if you'd like.
2) In the "Position" parameter, type in a new value of "jfbcinvite_custom" (or something else unique)
3) Create a new Article in Joomla. In the article, you can add some text explaining why users should invite their friends, or a how-to of what to do with the invite module.
4) In that article somewhere, type {loadposition jfbcinvite_custom}. This uses the Content - Load Position plugin that comes with Joomla to insert modules into an article. You'll want to make sure that plugin is enabled.
5) Create a new menu item pointing to that article.

That should be all you need to do.. hope that helps, but if you need anything else, please let us know!
Alex
The topic has been locked.
Active Subscriptions:

None
14 years 9 months ago #13020 by Nokorthom
I loads well with Firefox. It does not load with Safari or IE. Even with Firefox, it can't be used because of the cutting off frame. I tried all the options you wrote but still the Sent button is cut off in half and Skip button in the Option to send mail is completely hidden so the user will not be able to move on to send the request. Does not seem like it is a workable solution.

If you can move the Send and other subsequent boxes to more left that would work.
The topic has been locked.
Support Specialist
14 years 9 months ago #13044 by alzander
The JFBCInvite module can be tricky when it's cutting off simply because of how Facebook creates the widget. They use an iFrame, which prevents us from being able to control it a lot, but is meant to be more secure from their end (to prevent admins from forcing user's to invite their friends).

Not sure if you've seen our common support questions article about the JFBCInvite moule, but try checking it out to see if anything there helps:
www.sourcecoast.com/jfbconnect/docs/comm...questions#jfbcinvite

If not, can you post the URL to the page with the invite module and we'll see if we can help you fix any cutoff issues.

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

None
14 years 9 months ago #13051 by Nokorthom
I already checked that article and try all those suggestions but still cutting off. Here is the link to the site www.angkorthom.us/social JFBinvite item in the 3rd one in the main menu. Thanks for checking it.
The topic has been locked.
Support Specialist
14 years 9 months ago #13058 by alzander
Nokorthom,
You have 2 divs which are set to hide any overflow from contents they contain. Since the Invite module expands and gets wider than the area you're showing it in, these overflow tags can hide this. There's no way for us to re-center the pop-up, unfortunately, or we would.

If you make the following changes to your CSS files, it should fix your issue:
social/templates/beez_20/css/layout.css, line 450:
* In the .item-page class, remove the overflow:hidden tag, or change it to overflow:visible

social/templates/beez_20/css/position.css, line 56:
* In the #contentarea, #contentarea2 divs, remove the overflow:hidden tag, or change it to overflow:visible

With the 2nd change, you'll see the Invite module overhang the page a little. Again, there's nothing we can do about that.

Hope that helps, and good luck,
Alex
The topic has been locked.
Active Subscriptions:

None
14 years 9 months ago #13070 by Nokorthom
I made those changes and it is better now. It is not perfect but at least it is usable that I can turn it on. I am wondering why it is not a problem with the Jomsocial Facebook invite for that problem. They have other problem though.
The topic has been locked.
Support Specialist
14 years 9 months ago #13092 by alzander
JomSocial uses Facebook's newer Invite system, I believe. Which, as you mentioned, has issues of it's own and why we haven't moved to the new system yet. It's something we're investigating now and hoping to have a release using it later this year.. with a lot of testing, to prevent the issues that we've heard from many user's about JomSocial's implementation. Facebook can be tough to get to play right on a variety of sites.

Glad to hear you've got something going though, and good luck,
Alex
The topic has been locked.