Reliance Network Client Login Widget
The Reliance Network Client Login Widget, when added to your custom web site, allows clients to login to their dashboard; when a client logs in, they will be redirected to your Reliance Network web site.

General Use
To use the Reliance Network Client Login Widget on your web site simply add the following script tag to your web page:
<script type="text/javascript" src="http://www.reliancenetwork.com/widgets?file=clientlogin &amp;token=[Token] &amp;button=[Button Text] &amp;newwindow=[New Window] &amp;s=[Marketing Source Code]"></script>

Tip: for a more reliable display accross multiple browsers add a DOCTYPE declaration to the top of your web page.

QueryString Parameters
Parameter Required Description
[Token] Yes Replace with the the token found on the Widgets tab under Site Builder in your Reliance Network intranet.
[Button Text] No Replace with the text you want to appear on the button. If not specified the default text of "Login" will be used.
[New Window] No Replace with true or false to open the client's dashboard on your Reliance Network website in a new window or in the same window respectively. If not specified the client's dashboard will open in the same window by default.
[Marketing Source Code] No Replace with a marketing source code for tracking where a site visit originated from.

Example
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <title>My Web Site</title>
    </head>
    <body>

        <div>
            <script type="text/javascript" src="http://www.reliancenetwork.com/widgets?file=clientlogin&amp;token=ABCDEF"></script>
        </div>

    </body>
</html>
.


Advanced Topics
You can alter the style/layout of the control by adding a stylesheet with the supported classes to your web page.
Class Description
rn-cl Applies to the div element that contains the form.
rn-cl-l Applies to all field labels.
rn-cl-emailAddress-l Applies to the Email Address label.
rn-cl-password-l Applies to the Password label.
rn-cl-f Applies to all text fields.
rn-cl-emailAddress-f Applies to the Email Address field.
rn-cl-password-f Applies to the Password field.
rn-cl-c Applies to all label-field containers.
rn-cl-emailAddress-c Applies to the Email Address label-field container.
rn-cl-password-c Applies to the Password label-field container.
rn-cl-message Applies to div element containing the message bubble.
rn-cl-button Applies to the button.
rn-cl-link Applies to the "Forget your password?" and "Cancel" links.

Default Style Definitions
You can copy and paste these style definitions into your web page and use them as a starting point.
.rn-cl { width:250px }
.rn-cl, .rn-cl input { font-family:Arial, Sans-Serif; font-size:10pt }
.rn-cl-l { margin:.3em 0; float:left }
.rn-cl-f { width:150px; float:right }
.rn-cl-c { margin:.1em 0 }
.rn-cl-c, .rn-cl-message, .rn-cl-link { float:left; width:250px }
.rn-cl-message { margin:.3em 0 }
.rn-cl-button { float:left; clear:both; width:126px; margin-left:63px }
.rn-cl-link { clear:both; font-size:8pt; text-align:center; margin-top:.6em }
.