1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.2 New user login screen

Discussion in 'Styling and Customization Questions' started by Tracy Perry, Jul 8, 2013.

  1. Tracy Perry

    Tracy Perry Well-Known Member

    On 1.1.5 you could edit the sidebar_visitor_panel and replace
    Code:
    login}" class="inner
    with
    Code:
    login}" class="OverlayTrigger inner
    and you would get something similar to this
    example1.png
    but with 1.2 if you do the same thing you get this
    example2.png

    Any ideas (or does anyone else have the same problem - I am having this on my existing public forum and on a new one that is not available for public view - a new test install).
     
  2. Jeremy

    Jeremy XenForo Moderator Staff Member

    If you look at the Network tab, do you receive a 404 for any of the requests?
     
  3. Tracy Perry

    Tracy Perry Well-Known Member

    Nope - network shows no errors in Chrome whatever. The login screens are coming in fine (and as in the second picture shows, the original screen is the first to pop up then the Ajax overlay pops up) - so both are displaying - but on the original 1.1.5 install only the Ajax overlay does. Before I converted the second forum over to 1.2 BETA 4 it worked fine also on 1.5 with the same edit done via TMS. This is done via the internal templating system.
     
  4. Tracy Perry

    Tracy Perry Well-Known Member

    If you want to check it out, http://sayapple.com and just click on the login/register button and you will see what I mean. I just re-enabled the template edit.
     
  5. The Forum Heroes

    The Forum Heroes Well-Known Member

    Your login by facebook gives errors too.
     
  6. Tracy Perry

    Tracy Perry Well-Known Member

    Yeah... gotta change facebook's stuff to recognize the new domain... duh - new I forgot something.
    And now, color me stuuuupid. I forgot to do one thing from http://xenforo.com/community/resources/change-login-bar-to-an-overlay.480/
    Edit the login_bar for the java script. <goes to find a smiley kicking self in the tail> gallery_11883_186_643.gif
     
    Last edited: Jul 8, 2013
  7. Tracy Perry

    Tracy Perry Well-Known Member

    hehehe...not anymore. Thanks for finding that @Mike Edge!
     
    The Forum Heroes likes this.
  8. Steve F

    Steve F Well-Known Member

    The form is missing the formOverlay class, which gives overlays their styling. Not sure how your doing it but you need to add

    class="xenForm formOverlay"

    to the xenForm class.

    Edited the html with chrome

    Just Say Apple.png
     
    Tracy Perry likes this.
  9. Tracy Perry

    Tracy Perry Well-Known Member

    Basic edits that @Jake Bunce showed in the resource I outlined above. I will look again, but I don't think it had the class xenForm in it. I'll see what else I need to add in to get it work work as I'm not that great on this stuff yet - learning - but slowly. :whistle:
    It appears that his resource is not fully compatible with 1.2.
    Think the main problem is a certain STYLE that I'm using did not have a color set up for it and it was transparent. Adding
    Code:
    .xenOverlay {
    background-color: rgb(194, 207, 219);
    }
    resulted in a border around it.
     
    Last edited: Jul 8, 2013
  10. Steve F

    Steve F Well-Known Member

    :coffee: - I'm bad about not checking the overlays when styling - :(

    Can confirm Jake's template mod isn't compatible with 1.2, there are some changes to the xenforo.js there from 1.1.5 -> 1.2b4
     
  11. Tracy Perry

    Tracy Perry Well-Known Member

    It seems to be working now. With the EXTRA.css edit I put into place the below is what now shows. Apparently it was transparent for the entire overlay (I had to use Chrome to color the background of the interior box and then after you mentioned the xenForm class I thought to check around the outside edge of it.

    example3.png
     

Share This Page