What can we do to make it easier to design with Wild Apricot?

Hide Login Box

If you do not require members to login or if you do not want to show the login box on every page, you can hide it by using the following CSS code: #idLoginContainer
{
display: none;
}

You can still login to your site by going to http://<your_wa_address>/Common/LoginPage.aspx

0 votes
Sign in
Check!
(thinking…)
Reset
or sign in with
  • facebook
  • google
    Password icon
    I agree to the terms of service
    Signed in as (Sign out)

    We’ll send you updates on this idea

    MatthieuMatthieu shared this idea  ·   ·  Flag idea as inappropriate…  ·  Admin →

    15 comments

    Sign in
    Check!
    (thinking…)
    Reset
    or sign in with
    • facebook
    • google
      Password icon
      I agree to the terms of service
      Signed in as (Sign out)
      Submitting...
      • JanJan commented  ·   ·  Flag as inappropriate

        So, if I have 50 pages, I need to identify every page the login should NOT be on? That's a lot of CSS to keep up with with page changes, etc.

        When you say "prefix it to the code in the first post... I think you really mean replace it with this code for each page? If you just add it then the Login doesn't appear on the Home page.

        #PAGEID_977337 #idLoginContainer {
        display: none;
        }

      • DeannaDeanna commented  ·   ·  Flag as inappropriate

        Hi, thank you for all your great information. I have an additional question on this matter.

        I have been able to hide the log in on all pages. But I would like to have it on the Site Contacts page so that the various administrations still have a login box, but the rest of the membership doesn't need to worry about it.

        OR/AND

        I would like to add to the Log in Box "for Administrators Only".

      • dboroddborod commented  ·   ·  Flag as inappropriate

        Thanks. I put this into the global CSS and it hides the menus. Is there a way to do this on just selected pages as opposed to globally on all pages?

      • dboroddborod commented  ·   ·  Flag as inappropriate

        Thanks, that worked fine.

        Now, is there a way to hide the navigation bar too?

      • MatthieuMatthieu commented  ·   ·  Flag as inappropriate

        If your page ID 977337 you need to prefix it to the code in the first post. This is the code you need to use:

        #PAGEID_977337 #idLoginContainer {
        display: none;
        }

      • dboroddborod commented  ·   ·  Flag as inappropriate

        Thanks for responding.

        I've got the page ID (977337) and tried adding the snipped (with my id) into the advanced customization for the CSS, but it is having no affect.

        What do you mean about "add it to the code in the first post code"

      • MatthieuMatthieu commented  ·   ·  Flag as inappropriate

        [quote]Can I hide the login box on every page except the home page?[/quote]

        Yes, to do this, follow instructions in the first post and then go the Web pages tab and click [Edit] and then click on the <S> and insert the following:

        <style>
        #idLoginContainer
        {
        display: block;
        }
        </style>

      Feedback and Knowledge Base