cancel
Showing results for 
Search instead for 
Did you mean: 

Adding a background image or a logo to Share login page

drisschelouati
Champ on-the-rise
Champ on-the-rise
Hello,

As i understood in this blog, http://fcorti.com/2013/08/12/customize-alfresco-share-login-light-theme/

It is possible to customise alfresco share login page background. But i am also aware that the tips shown in this blogpost are related to older versions (4.2c) and dont work for newer like 5.0 series.

Could you please give some advice on how to achieve that?

Thank you!
4 REPLIES 4

eswbitto
Confirmed Champ
Confirmed Champ
I would have a look at this link as well.

http://wiki.alfresco.com/wiki/Alfresco_Share

g_rathod
Star Contributor
Star Contributor

drisschelouati
Champ on-the-rise
Champ on-the-rise
Hi,

iam not sure that editing the theme will affect the share login page, maybe only the user interface once authenticated. Iam actually trying this tutorial (http://docs.alfresco.com/5.0/tasks/dev-extensions-share-tutorials-override-login-page.html), but it doesnt lead me anywhere, seems like iam stuck and i dont know what files to modify to achieve my goal.
i request help if someone knows anything about that, the purpose being just to add a background image and to change the alfresco logo on the login page. This was way easier with early 4.x versions, but now that things have changed in 5.0x, its quite complicated.

EDIT:

I found a way to achieve this goal without having to code an override login page for Alfresco, wich might be difficult for some people like me who dont have advanced programming skills (iam working on it Smiley Tongue). I also have to say that you MUST have a stable alfresco installation, as the changes you will make will be wiped out if you install an AMP or do something implying the share client to recompile at server startup, so make backups of your modified files AND your original files before customization.

1 - Login page LOGO:

Edit the presentation.css of the theme you are currently using in the corresponding theme folder:

line 1502, edit the .theme-company-logo element:


.theme-company-logo
{
height: 48px;
width: 428px;
background: transparent url(images/your-logo.png) no-repeat;
}


DONT forget to drop your-logo.png file in the theme images folder. restart the server and youll see that the alfresco community logo has been replaced with yours.

2- Login page background image:

Edit the login.css file, add this element to the sheet:


html {
background: url(../images/your-bg-image.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size:: cover;
-o-background-size:: cover;
background-size:: cover;
}


DONT forget to drop your-bg-image.jpg in Alf-home/tomcat/webapps/share/components/images

restart the server and there you go.

I know this method isn't "clean" and needs to be improved, but maybe it can help some of the community members.

crax237
Champ in-the-making
Champ in-the-making

Hello,

i tested your tutorial, but the login site dont change. Have anybody a idea ?