CUSTOM WELCOME/LOGIN PAGE

From Scalix Wiki
Revision as of 02:54, 12 January 2007 by Fraserm (Talk | contribs) (Additional Content body through /body)

Jump to: navigation, search

About Customizing Welcome/Login Page

In order to customize the welcome/login page you should understand that the page is (initially) generated on-demand when a user visits the webmail url. We need to create a static page that can perform the same tasks that this dynamic creation does. In Scalix 10 there was an Admin Resource Kit which included a static webpage to do this. This has not been released for Scalix 11. We can use the page from Scalix 10 for the basis of the customization in Scalix 11.

Scalix 10 "default.html"

Let's review the Scalix 10 "default.html" so that you understand what it is doing.

You can change the title between <title> </title> in the head of the webpage:

 <html>
 <head>
   <title>The Best Webmail System </title>
   <style type="text/css">
   input, span {
     font-family:helvetica, sans-serif;
     font-size:11px;
     color:black;
     font-weight:normal;
     font-style:normal;
   }
   span {
     cursor:default;
   }
   a:link, a:visited, a:active {
     color:#BB0000;
     text-decoration:none;
   }
   a:hover {
     color:#BB0000;
     text-decoration:underline;
   }
   </style>

The following section is the browser detection and other functions. These are essentially to the proper operation of the Webmail AJAX client. It is not recommended to modify these.

 <script type="text/javascript" src="/webmail/brwsniff.js"></script>
 <script type="text/javascript" src="/webmail/fugu.js"></script>
 <script type="text/javascript" src="/webmail/index.js"></script>
 <script type="text/javascript">
 </script>
 </head>

Now let's look at the body. There are a few required elements involved and we'll point these out. The first one appears in the <body> tag in the onload function "loginPageOnLoadHandler()". You don't want to change this.

 <body onload="loginPageOnLoadHandler();" style="overflow:hidden;background-color:#FFFFEB;">

This is for the initial page layout.

You can change the logo here.

                           <img id="logoImg" src="/webmail/img/Scalix.gif" width="175" height="71" vspace="30" alt="Scalix">
                           


Loading Message
element...
                             
                               <script type="text/javascript">
                               </script>
                               <noscript>
                                 Scalix Web Access requires JavaScript to be enabled.
                               </noscript>
                             


Login Form
element... Logging In
element...


Expired Password
element... Successful Login
element...

And the rest of the HTML to properly close out the remaining open tags...

 </td></tr></table></td></tr></table></td></tr></table></td></tr></table>
 <iframe id="jsFrame" src="/webmail/jscript.jsp" style="position:absolute;width:0px;height:0px;" frameborder="0" tabindex="-1"></iframe>
 </body>


More to come...