Change login bar to an overlay

[Jake Bunce]

Jake Bunce submitted a new resource:

Change login bar to an overlay (version 1.x) - Will popup a standard overlay box instead of the default "scroll down" from the top.

Instead of this menu scrolling down from the top:

View attachment 27034

You will get an overlay window in the middle of the page:

View attachment 27035

Admin CP -> Appearance -> Templates -> login_bar

Add the red code:

<xen:require css="login_bar.css" />

<script>
XenForo.LoginBar = function(a){};
</script>

<div id="loginBar">
	<div class="pageWidth">
		<div class="pageContent">	
			<h3 id="loginBarHandle">
				<label...

Read more about this resource...

 

[DRE]

Doesn't work for me in either firefox or chrome. It just takes you to another page.

 

[Jake Bunce]

Doesn't work for me in either firefox or chrome. It just takes you to another page.

Did you add both red pieces? There are two.

 

[DRE]

Did you add both red pieces? There are two.

I added this to login_bar template

<script> XenForo.LoginBar = function(a){}; </script>

 

[DRE]

Oh crap I didn't see the other code. You have to scroll over to the right to see it. Duh.

 

[DRE]

Okay works now but now the twitter bar that was in my original login bar no longer shows up.

 

[Jake Bunce]

Okay works now but now the twitter bar that was in my original login bar no longer shows up.

Is that something custom you added? I can test it if you give me instructions.

 

[DRE]

Is that something custom you added? I can test it if you give me instructions.

Just did some research and learned I'm using an add-on that has been removed: Twitter Authentication

 

[DRE]

I think the add-on adds this button as a hook for the login_bar template.

C2_twitter_login_button_item

<li><a href="{xen:link register/twitter, '', 'reg=1'}" class="twLogin"><img src="http://a0.twimg.com/images/dev/buttons/sign-in-with-twitter-d.png" alt="Sign up with Twitter"}" /></a></li>

 

[CritiKiL]

Hi. I tried it with both codes, and it only takes me to a page like this:

 

[Jake Bunce]

Hi. I tried it with both codes, and it only takes me to a page like this:

That looks like the same problem The8thLegion had. Make sure you added the OverlayTrigger piece.

 

[CritiKiL]

That looks like the same problem The8thLegion had. Make sure you added the OverlayTrigger piece.

Nope, both codes are in there:

 

[Jake Bunce]

Oh. Are overlays enabled?

Admin CP -> Appearance -> Style Properties -> Overlays and Tooltips -> Enable Overlays

This setting must be enabled for it to work.

 

[CritiKiL]

Yea, it's enabled...

 

[Jake Bunce]

Then it might be a style problem. Try it on a default style.

If it still doesn't work then I need the URL to your forum so I can take a look.

 

[CritiKiL]

Ok, I changed to default and then tried to login but the dropdown came again. Here's my url: http://sck-mobile.com.

 

[netrix]

Might it be possible, that you make a version with the TMS?

 

[Matthew2D]

When you click on Sign Up Now in the sidebar, it takes you to another page.

 

[Jake Bunce]

Ok, I changed to default and then tried to login but the dropdown came again. Here's my url: http://sck-mobile.com.

The default style on your forum doesn't have this template edit applied.

 

[Jake Bunce]

Might it be possible, that you make a version with the TMS?

TMS?