Display a Customer Logo

You can display your customer's logo, after it has been loaded into Horizon. This is achieved using the %trader% field, that selects the correct logo and inserts it into the image source attribute, according to which contact has logged into HorizonWeb.

1. Follow the instructions to Load a Customer's Logo into Horizon.
2. Decide on which page you want the logo to be displayed. These instructions show how to add the logo to H:Header which is part of M:MasterPage by default. Making it part of a master page will display the logo as soon as the contact logs in, and display it until the contact logs out.
3. Log into the HorizonWeb Administration Page.
4. Click HorizonWeb Designer, then Edit Content Pages.
5. Select the Header page, then click Edit Page. The header page's code is displayed. Find where you want to add the code for your customer's logo.
6. Type the code <img src="../CompanyPicture.aspx?trader=%trader%" alt="Customer Company Logo">.
7. Save the page, then Restart Web.
8. When a contact from a customer with a customer logo loaded into Horizon views the header, the customer logo will be displayed.

Example

In our example, the Header page code starts:

<div class="defaultTemplateHeaderWrapper">

<div class="headerLeftWrapper">

<div class="headerLogoWrapper">

{{IMG:/images/logo.png,logo}}

</div>

In our example, this is where to add the div wrapper for your customer's image, and its image tag.

You could create a div element wrapper to hold the customer logo, so this can then be styled.

<div class="headerCustomerLogoWrapper">

<img src="../CompanyPicture.aspx?trader=%trader%" alt="Customer Company Logo">

</div>

You may want to add the customer logo to other pages, such as Accounts. To do this, add the code in step 6 to the page. If you want to style the image, use a suitably named div element, with a class or id attribute.

See Also