Hi, First of all, enable Surf Bug and navigate to the login page, that way you can easily see what the login page is made up of.I believe you have several options:1. Create in $TOMCAT_HOME/shared/classes/alfresco/web-extension/site-webscripts/org/alfresco/components/guest/login.get.html.ftl, exactly with the same content as the original one and perform your customizations.2. Create an extension module which override <@markup id="html"> with you custom content. Something like:
<extension>
<modules>
<module>
<id>Tacit Knowledge - Guest customizations module</id>
<auto-deploy>true</auto-deploy>
<customizations>
<customization>
<targetPackageRoot>org.alfresco.components.guest</targetPackageRoot>
<sourcePackageRoot>your.custom.package.components.guest</sourcePackageRoot>
</customization>
</customizations>
</module>
</modules>
</extension>
And:
<@markup id="html">
<@uniqueIdDiv>
<#assign el=args.htmlid?html>
<div id="${el}-body" class="theme-overlay login hidden">
<@markup id="header">
<div class="theme-company-logo"></div>
</@markup>
<#if errorDisplay == "container">
<@markup id="error">
<#if error>
<div class="error">${msg("message.loginautherror")}</div>
<#else>
<script type="text/javascript">//<![CDATA[
document.cookie = "_alfTest=_alfTest";
var cookieEnabled = (document.cookie.indexOf("_alfTest") !== -1);
if (!cookieEnabled)
{
document.write('<div class="error">${msg("message.cookieserror")}</div>');
}
//]]></script>
</#if>
</@markup>
</#if>
<@markup id="form">
<form id="${el}-form" accept-charset="UTF-8" method="post" action="${url.context}/page/dologin" class="form-fields">
<@markup id="fields">
<input type="hidden" id="${el}-success" name="success" value="${successUrl?html}"/>
<input type="hidden" name="failure" value="${url.context}/page/type/login?error=true"/>
<div class="form-field">
<label for="${el}-username">${msg("label.username")}</label><br/>
<input type="text" id="${el}-username" name="username" maxlength="255" value="<#if lastUsername??>${lastUsername?html}</#if>" />
</div>
<div class="form-field">
<label for="${el}-password">${msg("label.password")}</label><br/>
<input type="password" id="${el}-password" name="password" maxlength="255" />
</div>
</@markup>
<@markup id="buttons">
<div class="form-field">
<input type="submit" id="${el}-submit" class="login-button" value="${msg("button.login")}"/>
</div>
</@markup>
</form>
</@markup>
<@markup id="footer">
<span class="faded tiny">${msg("label.copyright")}</span>
</@markup>
</div>
</@>
</@>
3. If you want to avoid code duplication, another possible approach could be define an extension module which appends your custom content just after the "components" region (you can see it using surf bug). Once you have it, perhaps you can play with styles and custom JavaScript for capturing events etc.You can read more about extensions in http://docs.alfresco.com/4.2/topic/com.alfresco.enterprise.doc/concepts/Surf_v4_components_Share.htm... and http://blogs.alfresco.com/wp/ddraper/.Hop it helps.Regards.
