Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

Archive

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

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

Tip: Fixing the login form on the GSoC branch


Reply

5 Posts   1914 Views

Avatar
elijahlofgren

10 July 2007 at 2:47pm (Last edited: 10 July 2007 2:48pm), Google Summer of Code Hacker, 222 Posts

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

Avatar
Markus

10 July 2007 at 8:11pm (Last edited: 10 July 2007 8:13pm), Google Summer of Code Hacker, 152 Posts

Actually I posted that already [url=http://www.silverstripe.com/google-summer-of-code-forum/flat/1516?showPost=1552]here[/url] 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?

Avatar
Anonymous user

12 July 2007 at 1:04pm 22 Posts

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.

Avatar
Willr

12 July 2007 at 7:06pm Forum Moderator, 5511 Posts

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.

Avatar
Markus

12 July 2007 at 8:32pm Google Summer of Code Hacker, 152 Posts

That's great :-)