Log in | Register
  1. Forum
  3. Discontinued Products
  5. JFBConnect Joomla 1.5 Support (CLOSED)
  7. Setup problem with flyoutbox window for Login
× Joomla Facebook Connect support forum

Topic-icon Setup problem with flyoutbox window for Login

Active Subscriptions:

None
11 years 6 months ago #27590 by imunsigned
We've setup FBConnect on our test server and it works fine from the standard login page.

Our site, Imunisnged.com, uses flyoutboxes on almost every page to provide access to the same login form as the standard login page, but directly above the existing page (per the preview option on this page) and to do this it remarks out (all by itself) the html tags, head content & tags and body tags to leave only the content of the window runnign what's displayed. When this occurs with FBConnect, the button appears only as text as there is no longer Javascript running on the page that was setup in the head of the document. As such, it doesn't work and buggers up the display with text that doesn't do anything.

Any ideas or solutions? The customer really wants this but can it run without the HTML in the head tags and, if so, how can I do it without stuffing up the normal login fornm that is running the same code?

I've been programming for years but only working with Joomla for a couple of months ...

The button on the standard login page appears way below the bottom of the normal login form (at least the height of the login form itself) and I presume that's due to a minimum height setting on the CSS but if you have any other ideas please let me know.

Also interested in having the login appear as a bar above the page itself per your homepage. Can you direct me to a resource showing me how to do this?

Thanks.
The topic has been locked.
Support Specialist
11 years 6 months ago #27593 by alzander
You can use a custom image for the Login button instead of the Javascript. If you're using the SCLogin module, simply change the setting for Login Button Type and set the image you want to use. If you're not using the SCLogin module, use the following code with your custom image:
<a href="javascript:void(0)" onclick="jfbc.login.login_custom();"><img src="/linktoimage.jpg" /></a>

As for a bar above the homepage, that was done with CSS. First, on the SCLogin module, we gave it a module class suffix of "_jfbchoriz". Then, we added the following styles to our template:
.moduletable_jfbchoriz fieldset {
padding:0;
margin:0;
}
.moduletable_jfbchoriz #form-login-username{
float:left;
margin: 0px 3px;
font-weight:bold;
font-size:12px;
}
.moduletable_jfbchoriz #form-login-password{
float:left;
margin: 0px 7px;
font-weight:bold;
font-size:12px;
}
.moduletable_jfbchoriz input {
margin-top:2px;
float:left;
}
.moduletable_jfbchoriz label {
float:left;
margin: 2px 8px 0 0;
}
.moduletable_jfbchoriz form {
float:left;
margin: 0px 7px;
}
.moduletable_jfbchoriz .jfbcLogin {
float:left;
margin: 1px 6px 0 0;
}
.moduletable_jfbchoriz .jLinkedLogin {
float:left;
margin: 2px 0px 0 0;
left:0px;
}
.moduletable_jfbchoriz .button {
margin: 0 0 0 0;
padding: 0px 10px 0px 10px;
font-size: 12px;
line-height:100%;
height: 25px;
}
.moduletable_jfbchoriz div {
float:left;
}
.moduletable_jfbchoriz .logout-button {
margin-left:10px;
}
I don't think there were any other changes necessary, and hopefully that gets you going!

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

None
11 years 6 months ago #27594 by imunsigned
Thanks Alex.

We're using the SCLogin module so we'll try that image substitution on the associated Login form.

With regard to the login across the top, that seems so simple and straightfoward (after I found the module class is the last item available to be setup so it was no wonder I couldn't immediately see it. Jeez Google are training us well to focus on the top of a page; I no longer think about scrolling down past the page fold unless I go through the top thoroughly and can't see it!)

Thanks for you prompt reply - no doubt there will be more questions as we start looking at other features.

Regards
The topic has been locked.
Support Specialist
11 years 6 months ago #27608 by alzander
No problem for the quick reply and glad I at least got you on the right track. Definitely agree about the 'above the fold' content.. something we're desperately in need of fixing and improving on this site. We're excited to overhaul our look at the beginning of next year :)

Anyways, should you run into anything else, just let us know. And, finally, if you haven't already, please consider leaving a rating and review for JFBConnect, or our support, on the Joomla Extension Directory. It's certainly not required, but very appreciated:
extensions.joomla.org/extensions/social-...ook-integration/7215

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

None
11 years 5 months ago #27793 by petmil
Alex,

Tried to setup the image substitution as suggested and it wouldn't change to an image; remarking out IMG in the CSS confirmed this. And even then, as this appears in the pop window Javascript from the parent page is not running (when the pop window version opens, Joomla remarks out the html & head tags) and therefore will not fire up the Facebook Validation script.

Any further ideas? Thanks.

File Attachment:
The topic has been locked.
Support Specialist
11 years 5 months ago #27809 by alzander
Peter,
There's a few reasons that can cause the issue you're having, and most are easy to fix. However, we'll need to know a little bit more about your configuraiton. Can you let us know:
* What version of Joomla you're running
* What version of JFBConnect you're using
* What extension you're using for the popup login module
* A URL we can see and test on so we understand what's going on.

Finally, also please post from the account you have an active subscription to JFBConnect from. Priority support is for active subscribers only.

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

None
11 years 5 months ago #27827 by imunsigned
- Joomla 1.5.9 (I know I'll be updating it soon to 1.5.29 or later)
- JFBConnect 1.5
- com_login with com_sclogin also running for button to display on form
- it's not live: there's nowhere to view it live (as there was a problem we didn't want to send it live) BUT
I can send you the HTML source for the page and the popwindow if that helps.

Does this help? If not, please tell me what further information you need. Trying to get an external test server running but having problems with the core functionailty working on later versions of Joomla.

Thanks. Regards, PEter
The topic has been locked.
Support Specialist
11 years 5 months ago #27847 by alzander
Whew! Yes, you'll definitely need to upgrade soon. I'm not sure what issues you may run into with JFBConnect, but I'm sure there are some... and I guarantee I'll tell you anytime that the first thing to do is upgrade Joomla. You had a typo in your JFBConnect version, but I know you're using a recent version, so that's fine.

As for your issue, I'm not actually sure what your current issue is. Originally, you mentioned CSS issues, HTML not showing, and a few other things. My first recommendation would still be to use the hard-coded image that I recommended. If that's not working, let us know what's happening. An image of the behavior would help, if it shows anything that you think is relevant.

Sending us the HTML won't be as useful. It could be good, but we'd need all the Javascript, images, and everything else that's loaded on that page.. and even then, it could be a server-caused problem that we'd simply miss by just looking at the HTML locally.

If you can get a demo site setup, that would be best, but if not describing the output through words or images would probably be best.

Thanks,
Alex
The topic has been locked.
  1. Forum
  3. Discontinued Products
  5. JFBConnect Joomla 1.5 Support (CLOSED)
  7. Setup problem with flyoutbox window for Login
From the Blog
Facebook | Twitter | LinkedIn | Blog RSS