Topic-icon Register button not working properly

Active Subscriptions:

None
14 years 6 months ago #16383 by bdl888
Hello,
I am able to connect to Facebook, however on the Register page, nothing happens when I click on the Register button if the password entered is too short. No javascript errors or anything.
url: bit.ly/t3V2O8
Use login at top right of the page.

Please help.
Thank you.

Ben
The topic has been locked.
Support Specialist
14 years 6 months ago #16386 by alzander
Ben,
The Javascript validation is properly happening, but the proper styles are not in your template. Each filled that isn't filled out, or isn't the right length (password) is properly getting the CSS class "invalid" added to it. However, your stylesheet simply doesn't have anything to do with that style when set.

Either you should include the following CSS file into your template:
/templates/system/css/general.css
Or, add the following style to your current template:
.invalid {border-color:#330000;}

Hope that helps!
Alex
The topic has been locked.
Support Specialist
14 years 6 months ago #16387 by alzander
After a moment's thought, I'd definitely recommend adding the "general.css" file to your template, as there may be other standard styles you're missing as well.

Alex
The topic has been locked.
Active Subscriptions:

None
14 years 6 months ago #16427 by bdl888
Hello Alex,
Thank you for your response.

I've checked and the general.css file is there. Actually, it seems that the problem is only in Firefox and IE. The invalid fields get highlighted properly in Chrome and Safari.. Any ideas?

Thank you.
Ben
The topic has been locked.
Support Specialist
14 years 6 months ago #16463 by alzander
Ben,
Sorry for not getting back to you yesterday. The general.css file is not actually being included on the page. The file may exist on your system, but the template is not putting it into the HTML output. As for why it works in Chrome but not Firefox, I'm unsure. The proper "invalid" style is being placed on those inputs, but for some reason, it's not taking effect in Firefox/IE. Again, I think this is a template issue as JFBConnect is doing the right thing. Additionally, in Firefox, if you use the URL below (switching the template), the input fields do work:
earthbrigade.com/oasis2/index.php/compon...ster&template=atomic

I'd recommend talking to your template provider to see if they have any suggestions. Styling isn't our thing, which is why we do more back-end stuff.

Good luck,
Alex
The topic has been locked.