7.1 Branding the Filr Site

You can brand your Novell Filr site to match your corporate brand. When you add a site-wide brand to your Filr site, the brand is displayed on every Filr page. You can create your brand by adding an image, by creating the brand in HTML using CSS styles, or by using a combination of both.

  1. Sign in to the Filr site as the Filr administrator.

  2. Click the admin link in the upper right corner of the page, then click the Administration Console icon Configure User Access page.

    The Administration page is displayed.

  3. In the System section, click Site Branding.

    The Site Branding dialog box is displayed.

  4. (Conditional) If you have not done so already, you need to upload to Filr any images that you want to use in your site branding:

    1. Click any Browse icon Configure User Access page on the Site Branding page to browse to and upload your image to Filr to be used in the site branding.

      The Add File Attachment dialog box is displayed.

    2. (Optional) Click Add file if you want to upload multiple images to the Filr site. After images are uploaded to the Filr site, they can then be used in the site branding.

    3. Browse to and select the images that you want to upload.

    4. Click OK to exit the Add File Attachment dialog box.

  5. Specify the following information to create your desired brand:

    Use Branding Image: Select this option if you want to use the drop-down list to select an existing image for the branding foreground, such as a company name. To have no branding image, select None in the drop-down list. (Powered by Novell Filr is displayed in the upper right corner below each user’s name.)

    Images are available in the drop-down list after you upload them by clicking the Browse icon Configure User Access page, as described in Step 4.

    The minimum height for the Branding area is 87px. Images smaller than this are displayed in the upper-left corner of the Branding area. When images larger than 87px are used, the Branding area is expanded to accommodate the image.

    Use Advanced Branding: Select this option, then click Edit Advanced if you want to create a brand that includes advanced features, such as HTML. You can create your brand in HTML by using CSS styles and copying them into the HTML editor by clicking HTML in the Edit Advanced Branding dialog box. (Powered by Novell Filr is displayed in the upper right corner below each user’s name.)

    Background Image: Use the drop-down list to select an existing image. The background image is displayed behind your branding image or your advanced branding.

    Images are available in the drop-down list after you upload them by clicking the Browse icon Configure User Access page, as described in Step 4.

    The minimum height for the Branding area is 87px. Images smaller than this are displayed in the upper-left corner of the Branding area. When images larger than 87px are used, the Branding area is expanded to accommodate the image. The width of the branding area is dynamic to account for various screen sizes. If you want your image to occupy the entire width of the Branding area and you do not want to stretch the image using the Stretch Image option, ensure that your image is wide enough to fill any modern screen size. (A safe estimate might be about 2,000px.) However, excess width is cut off depending on the width of the browser.

    HINT:Buttons in the header (such as My Files, and Shared with Me) display better when your background image is a medium to darker color. Lighter images make it more difficult to see the buttons.

    Stretch Image: Stretches the image to occupy the entire branding area.

    If you stretch your background image, the image overrides any background color that you have set.

    Background Color: Adds a background color that occupies the entire branding area. To change the background color, click the color name to the right of this field, select the new color, then click OK.

    If you added a background image and stretched the image, the background color is not displayed.

    Text Color: Changes the text color of the workspace name in the upper right corner of the branding area. To change the text color, click the color name to the right of this field, select the new color, then click OK.

    Clear branding: Click this option to clear all your current branding selections.

  6. Click OK.

    The Filr site now displays the brand that you created.