Skip to Content Skip to Menu

CBlogin horizontal in reg page?

  • basidee
  • basidee
  • OFFLINE
  • Posts: 61
  • Thanks: 0
  • Karma: 0
12 years 10 months ago #186156 by basidee
CBlogin horizontal in reg page? was created by basidee
Hi guys.

I have CB login setup to display horizontally and it works fine in the module position, but when I show it in the registration page it appears in the normal side box. How can I make it show horizontally above the registration form?

What I really want to achieve is to show the CB Connect buttons above the registration form, so users know they have that easier option. If you send me the img src and url code for the CB Connect buttons, I can place them in the field before the registration form and see if it works.

Please Log in or Create an account to join the conversation.

  • krileon
  • krileon
  • ONLINE
  • Posts: 48437
  • Thanks: 8275
  • Karma: 1443
12 years 10 months ago #186183 by krileon
Replied by krileon on topic Re: CBlogin horizontal in reg page?

I have CB login setup to display horizontally and it works fine in the module position, but when I show it in the registration page it appears in the normal side box. How can I make it show horizontally above the registration form?

What I really want to achieve is to show the CB Connect buttons above the registration form, so users know they have that easier option. If you send me the img src and url code for the CB Connect buttons, I can place them in the field before the registration form and see if it works.

Can be done entirely with CSS, please see the below example.
Code:
#cb_comp_login, #cb_comp_register { float: none; width: 100%; margin: 0px; border: 0px; padding: 0px; } #cb_comp_login .componentheading, #cb_comp_login .userdata, #cb_comp_login .cbLoginLinksList, #cb_comp_register .componentheading { display: none; } #cb_comp_login .mod_login_plugin_afterButton { float: left; margin-right: 5px; } #cb_comp_login .cbLoginLinksList, #cb_comp_register { clear: both; }

I recommend placing the above at the bottom of your Joomla templates CSS file. I can better suggest CSS specific to your site with a URL to your registration page where the login is rendered.


Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.

Please Log in or Create an account to join the conversation.

  • basidee
  • basidee
  • OFFLINE
  • Posts: 61
  • Thanks: 0
  • Karma: 0
12 years 10 months ago #186238 by basidee
Replied by basidee on topic Re: CBlogin horizontal in reg page?
This is the link to registration page: www.smeclub.net/index.php/membership/register/registers

I imagine this code is for placing the login box? I would really rather add the CB Connect buttons directly.

Please Log in or Create an account to join the conversation.

  • krileon
  • krileon
  • ONLINE
  • Posts: 48437
  • Thanks: 8275
  • Karma: 1443
12 years 10 months ago #186275 by krileon
Replied by krileon on topic Re: CBlogin horizontal in reg page?

I imagine this code is for placing the login box?

You need to have the login displayed on registration and the above CSS will move the elements around so it displays just the buttons above the registration form.

I would really rather add the CB Connect buttons directly.

Well that's the more difficult, time consuming, and probably will require edits to the registration display using CBs default template php file if you don't have a module position for there. At any rate below is the JS for the buttons.

fc_login()
fb_login()
twitter_login()
linkedin_login()
windowslive_login()

Add the above JS function to an onclick handler of a button element and it'll fire login/registration (whichever necessary) for the connect sites. Please keep in mind the login module must be present on this page as it prepares he API. I highly recommend using the more easy CSS approach.


Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.

Please Log in or Create an account to join the conversation.

  • basidee
  • basidee
  • OFFLINE
  • Posts: 61
  • Thanks: 0
  • Karma: 0
12 years 9 months ago #186345 by basidee
Replied by basidee on topic Re: CBlogin horizontal in reg page?
Thanks.

There are more than 10 css files in the my template. I can't figure out which one handles the registration page. Did you look at the link I sent? Can you figure out where I should place the code?

Please Log in or Create an account to join the conversation.

  • krileon
  • krileon
  • ONLINE
  • Posts: 48437
  • Thanks: 8275
  • Karma: 1443
12 years 9 months ago #186397 by krileon
Replied by krileon on topic Re: CBlogin horizontal in reg page?
From looking at source my best guess ins joomla16.css or maybe layout.css. I couldn't confirm the CSS works, because you don't have login displayed on registration however.


Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.

Please Log in or Create an account to join the conversation.

Moderators: beatnantkrileon
Powered by Kunena Forum