Information : Login pop-up for the AwesomeBB version

by **The Godfather** July 3rd 2020, 1:32 pm

Login pop-up for the AwesomeBB version

Dear Forumotion users,

We are pleased to inform you that the login pop-up, feature previously unavailable on the AwesomeBB version, is now also offered for this version.

	In order for the login pop-up to work optimally on the forum in AwesomeBB, administrators who have customized the template overall-header before July 1, 2020 must absolutely take the modifications below into account. Please note, only the AwesomeBB version is affected by these modifications.

Modifications to be made in overall_header:

ADD THIS CODE :

Code::  <script type="text/javascript"> //<![CDATA[ var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false; $(document).ready(function () { $(window).resize(function () { var windowWidth = document.documentElement.clientWidth; var popupWidth = $("#login_popup").width(); var mypopup = $("#login_popup"); $("#login_popup").css({ "left": windowWidth / 2 - popupWidth / 2 }); }); }); //]]> </script>

AFTER :

Code::  <script type="text/javascript"> //<![CDATA[ $(document).ready(function () { Ticker.start({ height : {switch_ticker.HEIGHT}, spacing : {switch_ticker.SPACING}, speed : {switch_ticker.SPEED}, direction : '{switch_ticker.DIRECTION}', pause : {switch_ticker.STOP_TIME} }); }); //]]> </script>

then ADD THIS CODE :

Code::  <div id="login_popup" class="block-subtle" style="z-index: 10000 !important;"> <div class="headline"> {SITENAME} <button title="{L_LOGIN_CLOSE}" id="login_popup_close"><i class="material-icons">close</i></button> </div> <div id="login_popup_message"> {LOGIN_POPUP_MSG} </div> <br> <div id="login_popup_buttons"> <form action="{S_LOGIN_ACTION}" method="get"> <input type="submit" value="{L_LOGIN}" class="btn btn-default"> <input type="button" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" class="btn btn-default"> </form> </div> </div>

AFTER :

Code:: <body id="top">

The Forumotion team king