Rackspace Email and Outlook Web Access (OWA) Login Widget


  1. Choose a style
  2. Copy the code
  3. Paste onto your site

Standard Tall: 350px × 210px

Username:
Password:
Remember me

To use this style - select and copy the code below and paste it into your web page.


<div style="background-image:url(http://rackspace.com/apps/support/media/widget/BG-350x210.png);width:350px;height:210px;background-repeat:no-repeat;">
<div style="padding:20px;font-family:Verdana,Geneva,sans-serif;font-size:13px;color:#333;">
<form name="loginForm" style="margin:0px" onsubmit="submitForm();" action="https://apps.rackspace.com/login.php" method="post">
<table> <tr height="30px"> <td width="80px">Username:</td>
<td> <input type="text" name="user_name" class="small" style="width:190px;">
</td></tr>
<tr height="30px"> <td width="80px">Password:</td>
<td><input type="password" name="password" class="small" style="width:120px;">
<input type="submit" value="Login" class="small" style="width:60px;margin:0px 0px 0px 10px;">
</td> </tr>
<tr height="20px"> <td width="80px"></td> <td>
<input type="checkbox" name="remember" id="remember"   style="width:12px;margin:0px 5px 0px 0px;">
<font style="font-size:11px">Remember me</font>
<input type=hidden name='useSSL' id='useSSL' value=''> </td> </tr> </table>
</form> <div style="text-align:center;padding-top:10px">
<img src="http://rackspace.com/apps/support/media/widget/rackspace-logo.png" width="120" height="40" border="0" align="center" />
</div> <div style="text-align:center;padding-top:10px;">
<font style="font-size:9px;">
<a href="http://www.rackspace.com/apps/email_hosting/exchange_hybrid" color="#0000FF" style="text-decoration:none;" target="_blank">
  Rackspace Email and MS Exchange Hosting
</a>
</font> </div> </div> </div>
<script type="text/javascript" src="http://webmail.emailsrvr.com/mail/js/login.js">
</script>
<script type="text/javascript">
  preloadForm();
  if (getQueryVariable("fail") == 1) {alert("Incorrect username or password.")}
</script>

Copy the code above for Standard Tall: 350px × 210px


 
 

Standard Short: 320px × 150p

Username:
Password:
Remember me

To use this style - select and copy the code below and paste it into your web page.


<div style="background-image:url(http://rackspace.com/apps/support/media/widget/BG-320x150.png);width:320px;height:150px;background-repeat:no-repeat;">
<div style="padding:15px;font-family:Verdana, Geneva, sans-serif;font-size:13px;color:#333;">
<form name="loginForm" style="margin:0px" onSubmit="submitForm();" action="https://apps.rackspace.com/login.php" method="post">
<table> <tr height="20px"> <td width="80px">Username:</td>
<td> <input type="text" name="user_name" class="small" style="width:190px;"></td>
</tr> <tr height="20px"> <td width="80px">Password:</td>
<td><input type="password" name="password" class="small" style="width:120px;">
<input type="submit" value="Login" class="small" style="width:60px;margin:0px 0px 0px 10px;">
</td> </tr> <tr height="20px;">
<td width="80px"></td> <td>
<input type="checkbox" name="remember" id="remember" style="margin:0px 5px 0px 0px;">
<font style="font-size:11px;">Remember me</font>
<input type=hidden name='useSSL' id='useSSL' value=''> </td>
</tr> </table>
</form>
<div style="text-align:center;padding-top:15px;">
<font style=";font-size:9px;">
<a href="http://www.rackspace.com/apps/email_hosting/rackspace_email" color="#0000FF" style="text-decoration:none;" target="_blank">
  Hosted Email by Rackspace
</a> </font> </div> </div> </div>
<script type="text/javascript" src="http://webmail.emailsrvr.com/mail/js/login.js">
</script>
<script type="text/javascript">
  preloadForm();
  if (getQueryVariable("fail") == 1) {alert("Incorrect username or password.")}
</script>

Copy the code above for Standard Short: 320px × 150px


 
 

Footer & Nav Narrow: 520px × 70px

Username: Password:

To use this style - select and copy the code below and paste it into your web page.


<div style="background-image:url(http://rackspace.com/apps/support/media/widget/BG-520x70.png);width:520px;height:70px;background-repeat:no-repeat;">
<div style="padding:10px 5px 5px 40px;font-family:Verdana, Geneva, sans-serif;font-size:13px;color:#333">
<form name="loginForm" style="margin:0px" onSubmit="submitForm();" action="https://apps.rackspace.com/login.php" method="post">
Username:
<input type="text" name="user_name" class="small" style="width:90px;margin:0px 5px 0px 0px;vertical-align:middle">
Password:
<input type="password" name="password" class="small" style="width:90px;margin:0px 5px 0px 0px;vertical-align:middle">
<input type="submit" value="Login" class="small" style="width:60px;margin:0px 0px 0px 5px;vertical-align:middle">
<input type=hidden name='useSSL' id='useSSL' value=''>
<div style="padding-top:5px">
<div style="float:left;height:25px;line-height:25px;text-align:left">
<input type="checkbox" name="remember" id="remember" style="width:12px;margin:0px 5px 0px 0px;">
<font style="font-size:11px">Remember me</font></div>
<div style="height:25px;line-height:25px;text-align:right">
<font style="margin:0px 10px 0px 0px;font-size:9px;">
<a href="http://www.rackspace.com/apps/email_hosting/exchange_hosting" color="#0000FF" style="text-decoration:none;" target="_blank">
  Rackspace Email and Hosted Exchange Services
</a> </font> </div> </div>
</form> </div> </div>
<script type="text/javascript" src="http://webmail.emailsrvr.com/mail/js/login.js">
</script>
<script type="text/javascript">
  preloadForm();
  if (getQueryVariable("fail") == 1) {alert("Incorrect username or password.")}
</script>

Copy the code above for Footer & Nav Narrow: 520px × 70px


 
 

Vertical Tall: 200px × 290px

Username:

Password:


Remember Me

To use this style - select and copy the code below and paste it into your web page.


<div style="background-image:url(http://rackspace.com/apps/support/media/widget/BG-200x290.png);width:200px;height:290px;background-repeat:no-repeat;">
<div style="padding:15px 20px;font-family:Verdana, Geneva, sans-serif;font-size:13px;color:#333;">
<form name="loginForm" style="margin:0px" onSubmit="submitForm();" action="https://apps.rackspace.com/login.php" method="post">
<div>Username:</div>
<input type="text" name="user_name" class="small" style="width:150px;margin:5px 0px 0px 0px;">
</td>
<div style="margin:5px 0px 0px 0px;">Password:</div>
<input type="password" name="password" class="small" style="width:150px;margin:5px 0px 0px 0px;">
<input type=hidden name='useSSL' id='useSSL' value=''>
<input type="submit" value="Login" class="small" style="width:60px;margin:10px 0px 0px 0px;">
<div style="padding:10px 0px">
<input type="checkbox" name="remember" id="remember" style="width:12px;margin:0px 5px 0px 0px">
<font style="font-size:9px;">Remember Me</font></div> </form>
<div style="text-align:center">
<img src="http://rackspace.com/apps/support/media/widget/rackspace-logo.png" width="120" height="40" border="0" align="center" /></div>
<div style="text-align:center;padding-top:10px;">
<font style="font-size:9px;line-height:14px">
<a href="http://www.rackspace.com/apps" color="#0000FF" style="text-decoration:none;" target="_blank">
  Rackspace Cloud Computing Applications
</a> </font> </div> </div> </div>
<script type="text/javascript" src="http://webmail.emailsrvr.com/mail/js/login.js">
</script>
<script type="text/javascript">
  preloadForm();
  if (getQueryVariable("fail") == 1) {alert("Incorrect username or password.")}
</script>

Copy the code above for Vertical Tall: 200px × 290px


 
 

Vertical Short: 200px × 220px

Username:

Password:


Remember Me

To use this style - select and copy the code below and paste it into your web page.


<div style="background-image:url(http://rackspace.com/apps/support/media/widget/BG-200x220.png);width:200px;height:220px;background-repeat:no-repeat;">
<div style="padding:10px 20px;font-family:verdana, geneva, sans-serif;font-size:11px;color:#333;">
<form name="loginForm" style="margin:0px" onSubmit="submitForm();" action="https://apps.rackspace.com/login.php" method="post">
<div>Username:</div>
<input type="text" name="user_name" class="small" style="width:150px;margin:3px 0px 0px 0px;"></td>
<div style="margin:5px 0px 0px 0px;">Password:</div>
<input type="password" name="password" class="small" style="width:150px;margin:3px 0px 0px 0px;">
<input type=hidden name='useSSL' id='useSSL' value=''>
<input type="submit" value="Login" class="small" style="width:60px;margin:5px 0px 0px 0px;">
<div style="padding:10px 0px 10px 0px">
<input type="checkbox" name="remember" id="remember" style="width:12px;margin:0px 5px 0px 0px;">
<font style="font-size:9px;">Remember Me</font></div>
</form> <div style="text-align:center">
<font style="font-size:9px;line-height:14px">
<a href="http://www.rackspace.com/apps/email_hosting/exchange_hosting" color="#0000FF" style="text-decoration:none;" target="_blank">
  Rackspace Email and Hosted Exchange Services
</a>
</font> </div> </div> </div>
<script type="text/javascript" src="http://webmail.emailsrvr.com/mail/js/login.js">
</script>
<script type="text/javascript">
  preloadForm();
  if (getQueryVariable("fail") == 1) {alert("Incorrect username or password.")}
</script>

Copy the code above for Vertical Short: 200px × 220px


Thank you for using our log-in widget and linking to our site. We appreciate your support!


Was this content helpful?




© 2011-2013 Rackspace US, Inc.

Except where otherwise noted, content on this site is licensed under a Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License


See license specifics and DISCLAIMER