XF 1.5 Add Sign Up button in a notice

[abdfahim]

Is it possible to add the standard sign up button (of the visitor panel) in a notice? Apparently, copy-paste does not work .

 

[Paul B]

Yes, it's possible (I used to have a notice like that), but you will need to ensure the HTML and CSS is correct.

 

[Nuno]

What about a button with a link to name.tld/login/login ?

 

[abdfahim]

What about a button with a link to name.tld/login/login ?

Yes, I ended up doing like that. But I was hoping to use the usual XF structure {xen:link ....} ...

 

[Paul B]

<a href="{xen:link login}">

 

[abdfahim]

Well, I tried below code inside a notice, but it resulted the text "{xenhrase sign_up_now}" linked to "website.com/{xen:link login}" !

<div><a href="{xen:link login}">{xen:phrase sign_up_now}</a></div>

 

[OUTL4W]

try

 <a class="button" href="{xen:link 'register'}">Register Now!</a>OR<a class="button" href="{xen:link login}"><span style="font-weight:bold;">Log-In</span></a>

this should show a button for either to register or to login

 

[abdfahim]

try

 <a class="button" href="{xen:link 'register'}">Register Now!</a>OR<a class="button" href="{xen:link login}"><span style="font-weight:bold;">Log-In</span></a>

this should show a button for either to register or to login
View attachment 145020

Doesn't work as above (pictures below).

It works if I write as below, but I loose the login overlay functionality.

<a class="button" href="register/">Sign Up For Free</a><a class="button" href="login/">Log In</a>

 

[Steve F]

Notices do not allow that type of syntax ({xen:link...}).

<a class="button" href="register/">Register Now!</a>OR<a class="button" href="login/"><span style="font-weight:bold;">Log-In</span></a>

 

[abdfahim]

I thought so. Thanks for confirming. Is there any way I can open the login overlay on clicking login button in the notice?

 

[Steve F]

Yes.

Add the bit in red

<a class="button" href="register/">Register Now!</a>OR<a class="button OverlayTrigger" href="login/"><span style="font-weight:bold;">Log-In</span></a>

Add this to the EXTRA.css template

.xenOverlay #pageLogin
{
    background: rgba(0, 0, 0, 0.75);
    color: #ffffff;
    padding: 20px;
    border: 20px solid rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5);
}

 

[abdfahim]

Perfect, thanks a lot. Really appreciate it.

 

[OUTL4W]

Doesn't work as above (pictures below).

It works if I write as below, but I loose the login overlay functionality.

<a class="button" href="register/">Sign Up For Free</a><a class="button" href="login/">Log In</a>

View attachment 145024

View attachment 145026

View attachment 145025

Ahhh...guess I was a little confuzzled...I got xF notice confused with @Steve F version of stylized notice
https://pixelexit.com/resources/welcome-notice-general-banner.18/