Tips & Tricks: Customizing Reverb Output

Posted on: October 31st, 2012 No Comments

Customizing Reverb Output

To fully understand how Revervb can be customized, first you have to envision your final output. Once you have this vision in place, it is time to start translating that design to your WebWorks Reverb layout. Reverb is sectioned into different parts. This means you will have to access different sections within ePublisher Designer to fully achieve your desired design layout.

Let’s get started from the top:
When you first generate your Reverb output, a toolbar will appear at the top of your page. Reverb already has Responsive UX coded into it, so it will maximize the screen real estate of the end user’s display.

Reverb Header

 

There is actually space for a header just above the toolbar; however, if no information is applied here, it will not render in the final output.

So let’s begin with the header:
To insert a header, you will first need to locate Target Settings.

Target Settings

 

Once you have located your target settings, you will see options that allow you to set up the header (this is done in the Company Information section).

 

Within your target settings you will also find options to toggle email on and off, adjust your printing capabilities, and the up Google selections.

Now that we have our header, let’s move on to the toolbar and table of contents.
These alterations will be done by modifying files found in the advanced tab, either under Manage Format Customizations or Manage Target Customizations.

Manage Format Customizations

 

To customize files in this view, simply select a file with your pointer, right click, and select Create Customization.

Create Customization

 

The file will appear in bold to let you know that it is being modified. Access the file by either double clicking on it or by right clicking and selecting “Explore To” to open Windows Explorer on the folder that contains this file. This is where you will make the changes to the skin of your output. You can change the color scheme, location of buttons, appearance of buttons, and behaviors. Modifying these files in ePublisher Designer is quite simple. You can either open the file and edit it yourself or, in the case of the images, replace them all together.

Tip: If you go to the view tab, you can look in the Format Override Directory and see where the new custom files are located.

Finally, Let’s change your source documentation content.
To change source document content, select a file in the Document Manager window and press the Display Preview hot key.

Display Preview

 

This will open a sample of your content in the preview window. As you select text areas, the style will have a highlighted background. Here, you can make your desired changes, press the green refresh arrow, and view the results.

Preview Content

 

In summation, to maximize your Reverb output customizations, you must access three separate areas in ePublisher to fully give you control over your customizations. If you would like further insight into customizing your Reverb output, be sure to check out our resource page. Also, join an ePublisher Study Hall session.

Leave a Reply