HelpSmith Logo
Making Help Authoring a Pleasure to Do
Free DownloadStart your free trial now
HelpSmith Topics
Making Help Authoring a Pleasure To Do

How to insert our company logo to the Web Help system?

We are using HelpSmith to create online help documentation for our company and need to customize the web help system's style.

What is the easiest way to insert our company logo?

39

Comments

What is the easiest way to insert our company logo?

Display a special topic with your logo in the header area

HelpSmith offers different ways to customize the header area and you can find an article that explains how to embed a custom HTML template with your logo into the Web Help's layout here.

However, the easiest way to customize the header is to display a special topic with your logo in the header area. In this case, you will be able to design and edit a customized header directly in the HelpSmith's topic editor (just like a regular topic), and also you will not have to write any code.

29

Below you can find step-by-step instructions that will help you create a custom header with your company logo.

Step 1: Create a new topic

  1. On the Project tab, in the Topics & Templates group, click Add.
  2. In the New Item dialog, specify the Title (for example: Web Help Header), and Context value (for example: 1000) for the new topic.
  3. Check the Hidden option, so the topic will not be displayed in the Table of Contents in the compiled help system.
  4. Click OK.

Adding a new topic

27

Step 2: Edit Web Help's header settings

  1. On the Project tab, in the Project group, click Project Options.
  2. In the Project Options dialog, in the left sidebar, select the Web Help|Layout section.
  3. On the Header tab, in the Source box, select Help Topic.
  4. In the Topic Context box, specify the topic that you want to display.
  5. In the Height box, specify the height value of the custom header.
  6. Click OK.

Web Help Header Settings

24

Do you have a demo HelpSmith project that adds a logo using this way?

19

Do you have a demo HelpSmith project that adds a logo using this way?

Download sample project

We have created a sample help project that demonstrates how you can display a topic with a logo in the header area of your Web Help system.

Editing the custom header

To download this sample help project file:

  • Click the Attachments link below this post, and then click the InsertingLogo.zip file.
22

This helps a lot, thank you!

6

Add a Comment

Please Login or Register or leave comments.

Hello World
Lorem ipsum dolor sit amet
OK
Login
Nickname or Email:
Password:
If you do not have an account, you can register.