Jump to:

17452 Posts in 4473 Topics by 1971 members

Archive

SilverStripe Forums » Archive » Tip: Fixing the login form on the GSoC branch

Our old forums are still available as a read-only archive.

Moderators: martimiz, Sean, biapar, Willr, Ingo, simon_w

Page: 1
Go to End
Author Topic: 1907 Views
  • elijahlofgren
    Avatar
    Google Summer of Code Hacker
    222 Posts

    Tip: Fixing the login form on the GSoC branch Link to this post

    Sigurd asked me to post this to let everyone using the gsoc branch know how to easily fix the styling of the Login Form.

    Markus clearly explained how in this commit to the gsoc branch of sapphire:

    ------------------------------------------------------------------------
    r36791 | mlanthaler | 2007-06-13 11:16:44 -0500 (Wed, 13 Jun 2007) | 25 lines

    Login forms are now styled and use the tabstrip library.

    Make sure you create a CSS file "tabs.css" in your mysite/css folder with the following content, otherwise the tabs will be without border. Maybe it would be a good idea to create a mysite gsoc branch for changes like this. Will post that issue in the forum.

    div.tab {
       clear: left;
       overflow: auto;
       border: 1px #AAA solid;
       border-top: none;
       position: relative;
       top: -3px;
       margin: 0;
       padding: 10px;
       /*width: 98%;*/
    }

    div.tabset {
       border: 1px solid #fff; /* Hack for FF1.5/Win Float-Bug */
       clear: left;
       margin: 0;
    }

    ul.tabstrip li {
       margin-left: 0;
    }


    ------------------------------------------------------------------------

    Cheers,

    Elijah

  • Markus
    Avatar
    Google Summer of Code Hacker
    152 Posts

    Re: Tip: Fixing the login form on the GSoC branch Link to this post

    Actually I posted that already here in the forum..

    You should also style the OpenID box. Here is the code for the two CSS files:

    ------------- mysite/css/tabs.css -------------
    [html]
    div.tab {
    clear: left;
    overflow: auto;
    border: 1px #AAA solid;
    border-top: none;
    position: relative;
    top: -3px;
    margin: 0;
    padding: 10px;
    }

    div.tabset {
    border: 1px solid #fff; /* Hack for FF1.5/Win Float-Bug */
    clear: left;
    margin: 0;
    }

    ul.tabstrip li {
    margin-left: 0;
    }
    [/html]

    -------------- mysite/css/openid_login.css -------------
    [html]
    #OpenIDLoginForm_LoginForm_OpenIDURL {
    background: url(http://openid.net/login-bg.gif) no-repeat;
    background-color: #fff;
    background-position: 0 50%;
    color: #000;
    padding-left: 18px;
    width: 284px;
    }
    [/html]

    Should I move those styles move to some other file so that it is under version control? If so, where?

  • Anonymous user
    Avatar
    22 Posts

    Re: Tip: Fixing the login form on the GSoC branch Link to this post

    Hi,

    BlackCandy will be the baked-in theme, so I'd suggest that the above fixes become part of Black Candy. That is, they should go where the other Black Candy stuff goes.

  • Willr
    Avatar
    Forum Moderator
    5508 Posts

    Re: Tip: Fixing the login form on the GSoC branch Link to this post

    I have added that code to the BC css for future use. We are hoping to release an update for the BC template in a couple days and so it will have support for the tabs and a couple other fixs.

  • Markus
    Avatar
    Google Summer of Code Hacker
    152 Posts

    Re: Tip: Fixing the login form on the GSoC branch Link to this post

    That's great

    1907 Views
Page: 1
Go to Top

Want to know more about the company that brought you SilverStripe? Then check out SilverStripe.com

Comments on this website? Please give feedback.