You create web viewer layouts in the <Style | Web Viewer Layout> menu.

Only users who have the “Create Style” permission can create a <Web Viewer Layout>.

What Is a Web Viewer Layout?

A web viewer layout defines how the web viewer looks. Customize the default web viewer layout to suit your documents or your company or organization.

Creating a Web Viewer Layout

To create a web viewer layout, follow these steps.

Go to the <Style | Web Viewer Layout> menu.
Click the <Create Web Viewer Layout> link.
Enter the “Basics”, such as the name. You can select CSS, a footer page, and a “preview” document.
Click the button.
- To change the content later, select the layout in the list and click the <Update Web Viewer Layout> link.

Editing a Web Viewer Layout

When you change the content, the 1 button becomes active. Your changes are saved only when you click this button.

Web viewer layout menu

A web viewer layout consists of tabs such as “Basics”, “Style”, “Options”, and “Fragment Viewer Option”.

Basics

In the “Basics” tab, you set the following.

Title: Sets the web browser title.

You can use the following parameters in the web browser title.

Web browser title parameters
Parameter	Description
`${title}`	Title
`${subtitle}`	Subtitle
`${edition}`	Edition
`${author}`	Author

Logo: Select the web viewer logo.
Logo Link URL: Enter the URL to go to when the logo is clicked.
Favicon: Select the web viewer favicon.
Copyright: Enter the copyright message. You can use HTML tags. If you select a “Footer Page”, the Copyright field is ignored.

You cannot use tags such as script, style in Copyright.

Style

In the “Style” tab, you set the theme color and the accent color. They are applied to the following.

Theme Color: The primary color of the web viewer
- Top menu bar of the web viewer
- Top menu bar of the editor

Accent Color: The secondary color of the web viewer
- Sidebar menu of the web viewer
- Table of contents panel tabs of the web viewer and the editor
- Sidebar menu of the editor
- Paragraph tools at the top of the editor (titleimagetableselect_check_boxsettings)
- Paragraph editor tools

If you set a theme color and an accent color in a library, the colors set in the library take precedence in the web viewer.

Options

In the “Options” tab, you set the following.

Web viewer layout options
Option	Remarks	Default
Do not use the figure overlay.
Do not display the author and update time.
Do not display the table of content in chapter.
Hide Numbering.
Show icons in the table of contents	Shows the icons set for chapters in the table of contents.
Hide the tag name in breadcrumbs.	Applies to documents published by tag.
Align the width of content panel to the width of web browser.		Selected
Align the max width of image to the width of content panel.		Selected
Disable Content Copy.
Open the external link in current window.
Open the reference link in new window.
Show the context menu when clicking on the reference link.
Open the reference link on the same chapter in current window.
Close the sidebar when opening the web viewer.
Open the document explorer when opening a web viewer.	Opens the document explorer instead of the document's table of contents in the side panel.
Hide a Logo.
Hide Pen.	Hides the pen feature of the web viewer. We recommend selecting this option when a chapter is very long.

Fragment Viewer Option

In the “Fragment Viewer Option” tab, you set the following.

Fragment viewer options
Option	Remarks
Show a web viewer link.
Show Numbering.
Hide a print button.

Hiding the Tag Name in Breadcrumbs

When you publish a document by tag, the tag name is added so that readers viewing the document in the web viewer can clearly see that it is published by tag and which tag it is. To hide the tag name, select “Hide the tag name in breadcrumbs.” in the web viewer layout options.

Setting How Internal Links Open in the Web Viewer

Choose how internal links open in the web viewer. You set this in the web viewer layout options.

If you select neither 1 nor 2, internal links open in the current window.
If you select 1, internal links open in a new window.
If you select 2, users choose from a context menu(Preview, Open Link in New Window, Open Link in Current Window).
If you select both 1 and 2, the "1Open the reference link in new window." option takes precedence.
If you select both 1 and 3, 3 takes precedence within the same chapter, so internal links in the same chapter open in the current window.

Customizing Web Viewer Layouts with CSS

To customize a web viewer layout with CSS, see 웹 뷰어 레이아웃 CSS로 꾸미기.