Topic-icon SCLogin Module Positioning Alteration Possible?

Active Subscriptions:

None
Hi All,

I'm using Joomla 3.1.5, Alerion which is a RocketTheme Joomla template and the Gantry framework.

Now I have been playing about with the header position for hours and trying to get my SCLogin module to sit correctly but I'm struggling somewhat.

It's ok when nobody is logged in, as the 'Login' & 'Register' buttons are not a large foot print in real estate terms if I can call it that.

So when you are logged out of our site it doesn't look as bad but not the best at present and it looks as follows;

File Attachment:


Then when you are logged in to our site it looks as follows;
File Attachment:


To be honest, I'm really not sure how I can make it look right, as I think the top right of the pages are the best place for the SCLogin module but space is limited for what the module shows and definitely needs to show without a doubt.

I look forward to hearing from you.

Regards,
Rob
The topic has been locked.
Support Specialist
10 years 6 months ago #37613 by alzander
There's a hidden feature in the SCLogin module that you may want to take advantage of. It lets you add the Reconnect buttons to the User Menu, like on our site (hover over the My Account menu in the top right to see). If you're interested in something like that, you can create a new "External Link" type of menu item in your Account menu. Then, set the URL link to "scconnect". That will automatically be replaced with what, I think, you'll probably like.

The feature is undocumented as we haven't tested it widely yet. There's likely some CSS issues you'll run into with that, but we'll gladly help with anything you run into.

Test that out and let me know how it goes, or if you hate the idea :)

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

None
10 years 6 months ago #37644 by PhoenixUK
Hi Alex,

Thanks for the reply and the heads up about the hidden feature of 'scconnect'.

I have created a new menu item of the 'external URL' type in the 'Account' button which is in my sites top right side, I have placed 'scconnect' within the URL field and given it a Menu Item name of 'test'... I named it this as without this sounding daft, without knowing exactly what something is going to do, it's hard to until you get to see it in all it's glory :)

I'm only seeing the Google icon in my 'Account' drop down now, whilst the;

Connect this site to your Social network? and Google sign in icon are still visible below the buttons in my header-c positions. I certainly don't hate the idea, can't say right now I adore it, as it's not 100% perfected either from SourceCoast as you've previously mentioned but also from myself.

However, I have no doubt that it will be perfect and just the job once a few tweaks whatever they are, are done.

I look forward to hearing from you in due course.

Regards,
Rob

alzander wrote: There's a hidden feature in the SCLogin module that you may want to take advantage of. It lets you add the Reconnect buttons to the User Menu, like on our site (hover over the My Account menu in the top right to see). If you're interested in something like that, you can create a new "External Link" type of menu item in your Account menu. Then, set the URL link to "scconnect". That will automatically be replaced with what, I think, you'll probably like.

The feature is undocumented as we haven't tested it widely yet. There's likely some CSS issues you'll run into with that, but we'll gladly help with anything you run into.

Test that out and let me know how it goes, or if you hate the idea :)

Thanks,
Alex

The topic has been locked.
Support Specialist
10 years 6 months ago #37648 by alzander

I'm only seeing the Google icon in my 'Account' drop down now, whilst the; Connect this site to your Social network? and Google sign in icon are still visible below the buttons in my header-c positions.

The 'scconnect' menu item is a replacement for the "Show Connect Account Button(s)" option. If you use the scconnect menu item I mentioned, you should probably disable that option as the features would be redundant. The reason that only the Google+ button is showing is because you have already connected your Joomla account to Facebook.. so we don't show that button. If you clicked the Google button and connected your Joomla account to Google then no buttons (or "Connect this account" text) will show since you're 'done' with connections. If you're a Joomla-only user, both the G+ and FB connect buttons will show until you connect those. I hope that helps explain the functionality... but it sounds like it's working.

The reason I suggested that option is because it will allow you to save a lot of space by integrating the "Connect Account" text and buttons into the menu itself instead of 'growing' the area.

I certainly don't hate the idea, can't say right now I adore it, as it's not 100% perfected either from SourceCoast as you've previously mentioned but also from myself.

The functionality is there and should absolutely work. The only issues you may see are some styling problems. Hopefully you won't.. but if you do, we can help.

I hope that explains more, but if you need anything else, as always, just let us know.

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

None
10 years 6 months ago #37667 by PhoenixUK
Good Evening Alex,

Thanks once again for the in detail information, it really helps to be able to understand more of how the system works as ultimately only you guys know it inside out, as you built it. :p

I have turned off "Show Connect Account Button(s)" option as suggested as that's done the trick nicely thank you.

However, I only have one more thing to ask for your advice on before I can sign this topic off as solved... If you go to my site as it is now Here... see how the Reigster and Login buttons are vertical on top of each other, I think I must've been trying to modify how they looked until I decided to ask your good self (I should've straight away lol) how can I get these horizontal side by side in my custom css file?

I look forward to hearing from you. :)

Keep up the great work, can't wait for Twitter addition towards the end of the year I believe.

Regards,
Rob

alzander wrote:

I'm only seeing the Google icon in my 'Account' drop down now, whilst the; Connect this site to your Social network? and Google sign in icon are still visible below the buttons in my header-c positions.

The 'scconnect' menu item is a replacement for the "Show Connect Account Button(s)" option. If you use the scconnect menu item I mentioned, you should probably disable that option as the features would be redundant. The reason that only the Google+ button is showing is because you have already connected your Joomla account to Facebook.. so we don't show that button. If you clicked the Google button and connected your Joomla account to Google then no buttons (or "Connect this account" text) will show since you're 'done' with connections. If you're a Joomla-only user, both the G+ and FB connect buttons will show until you connect those. I hope that helps explain the functionality... but it sounds like it's working.

The reason I suggested that option is because it will allow you to save a lot of space by integrating the "Connect Account" text and buttons into the menu itself instead of 'growing' the area.

I certainly don't hate the idea, can't say right now I adore it, as it's not 100% perfected either from SourceCoast as you've previously mentioned but also from myself.

The functionality is there and should absolutely work. The only issues you may see are some styling problems. Hopefully you won't.. but if you do, we can help.

I hope that explains more, but if you need anything else, as always, just let us know.

Thanks,
Alex

The topic has been locked.
Support Specialist
10 years 6 months ago #37698 by alzander
The reason those buttons are stacking is because they are in too small of a containing dive. They're in rt-grid-2 container which has a width of 200px. You'll have to set that into a wider module position if you want the buttons to not wrap (about 250px should do it).

I hope that helps. We're excited about Twitter, and lots of other improvements, as well. Still on track for the end of the month!

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

None
10 years 6 months ago #37742 by PhoenixUK
Hi Again Alex,

I see what you mean now about the 200px container, whilst I can change the header position grids and I've tried various permutations in my RocketTheme Gantry template settings, I've had to disable showing the logout button, as if I change the header position grids the only variant places the main nav menu slightly over the right side of our logo which doesn't look right.

So I'll just figure out how to place a Logout link within my "Account" SCLogin module in top right side of my pages and be more than happy with that as best of both worlds. :D

Regards,
Rob

alzander wrote: The reason those buttons are stacking is because they are in too small of a containing dive. They're in rt-grid-2 container which has a width of 200px. You'll have to set that into a wider module position if you want the buttons to not wrap (about 250px should do it).

I hope that helps. We're excited about Twitter, and lots of other improvements, as well. Still on track for the end of the month!

Thanks,
Alex

The topic has been locked.
Support Specialist
10 years 6 months ago #37747 by alzander

So I'll just figure out how to place a Logout link within my "Account" SCLogin module in top right side of my pages and be more than happy with that as best of both worlds.

In the User Menu you can add a direct logout link, like we have on this site. To do so, create an "External Link" menu item and set the link to "sclogout". You can use the Joomla built-in Logout menu item, but that redirects the user to the logout page where they have to click logout again.. which can be awkward.

I hope that helps, and good luck!
Alex
The topic has been locked.