Reliance Network Popup Form Links Widget
The Reliance Network Popup Form Links Widget, when added to your custom web site, allows users to fill out various forms which in turn capture the lead in the Reliance Network system.

General Use
To use the Reliance Network Popup Form Links 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=popupformlinks &amp;token=[Token] &amp;links=[Link Names]"></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.
[Link Names] Yes Replace with a pipe (|) delimited list of supported link names (e.g. contactme|requestcma; see list below). Note: the order in which you specify the list of links will dictate the order the links are rendered for the control.

Link Names
Name Description
contactme Form for consumers to contact you directly.
adviceformove Form for consumers who are interested in receiving moving advice.
mortagepreapproval Form for consumers to request pre-approval for a mortgage.
requestcma Form for consumers who are interested in getting a competitive market analysis.
requesthometour Form for consumers to request information on listings based on their specific home criteria.
requestrelocationinfo Form for consumers to request relocation information.
sellinghome Form for consumers who are selling a home.

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=popupformlinks&amp;token=ABCDEF&amp;links=contactme"></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-pfl Applies to the div element that contains the link(s).
rn-pfl-link Applies to all links.
rn-pfl-link-contactme Applies to the Contact Me link.
rn-pfl-link-adviceformove Applies to the Advice For The Move link.
rn-pfl-link-mortagepreapproval Applies to the Mortgage Pre-Approval link.
rn-pfl-link-requestcma Applies to the Request a Free CMA link.
rn-pfl-link-requesthometour Applies to the Request a Personal Home Tour link.
rn-pfl-link-requestrelocationinfo Applies to the Request Relocation Info link.
rn-pfl-link-sellinghome Applies to the Selling a Home link.

Default Style Definitions
You can copy and paste these style definitions into your web page and use them as a starting point.
.rn-pfl { font-family:Arial, Sans-Serif; font-size:10pt }
.rn-pfl-link { background:transparent url('/widgets/resources/icon.newwindowlink.png') no-repeat right center; padding-right:12px }
.

Example – Removing the new-window icon ( ) from the Contact Me link.
  1. Add a stylesheet to your web page with a definition for the .rn-pfl-link.rn-pfl-link-contactme class and set the style properties for it.
<!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 style="width:206px">
            <style type="text/css">
                .rn-pfl-link.rn-pfl-link-contactme {
                    background: transparent;
                    padding: 0;
                }
            </style>

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

    </body>
</html>
.