One-click HTML layout with skins

 

Help+Manual separates formatting and layout from content. You control your formatting with styles as you would in a modern word processor. Changing the style definition updates the formatting everywhere. Similarly, page layout is stored in "templates" that you apply to your project when you publish. The templates are fully-editable: changing the template changes the layout for the entire project.

For example, the PDF templates define your margins, headers and footers, page numbering, cover pages, table of contents, topic headings and much more besides. They can be edited with the Manual Designer PDF layout program included with Help+Manual and applied with a single click when you publish your project as a PDF. Changing the entire branding of your PDF is as simple as re-publishing with a different template.

Similarly, all the page types generated in HTML-based output formats (topics, contents, search page, keyword index page etc.) have fully-editable HTML template pages. You can edit every detail of them directly in Help+Manual with an integrated HTML code editor with syntax highlighting. And you can add your own code, external script and CSS files and much more.

 

One-click HTML layout with skins

Help+Manual brings you closer to the ideal of one-click layout and formatting: In addition to fully customizable HTML and PDF templates, Help+Manual also supports “skins” for HTML-based output.

A skin is a special file that contains all the templates, variables, styles and other components used for styling HTML output. You just select a skin when you publish to Webhelp or CHM to apply the layout stored in the skin to the output.

Skins can be edited just like projects and you can create your own skins by saving any project as a skin so that you can re-use its layout. Or you can let us do the work for you: Help+Manual comes with a set of attractive standard skins that you can apply to your projects with a single click.

Help+Manual brings you closer to the ideal of one-click layout and formatting: In addition to fully customizable HTML and PDF templates, Help+Manual also supports “skins” for HTML-based output.

Help+Manual Premium Pack:
Advanced Responsive Skins for Help+Manual

Help+Manual Premium Pack contains a wide range of professionally-designed skins that take the WebHelp, eWriter and CHM output of your Help+Manual projects to a whole new level. There are five different basic designs, each with a wide range of color variants to get you started with your own color schemes. A single WebHelp site now works smoothly on desktop, tablet and smartphone browsers, with an optimized user interface for each device type. Even large TOCs and keyword indexes are handled well on smartphones. And browsing has been optimized for lightning-fast topic loading.

Efficient Configuration with Color Management

The Toolbox configuration utility for Premium Pack skins now features even more efficient configuration. Settings can be filtered by Color Settings, Layout, Basic Configuration, and Interface Texts.

The new color management tools feature color settings for every element in the skin, thumbnail previews of selected colors, and a color picker with a dynamic preview of your skin color scheme. You now have complete control over the colors in your skins. No more need to depend on preset color schemes.

 

New in Version 4

Premium Pack 4 introduces a range of modern new skin variants with full color management with an easy-to-use interface. The WordPress plugin has been updated to allow access to multiple WebHelp collections on a single WordPress site. The popular V3 skins for WebHelp and eWriter are also included and have been updated for color management, along with the V2 Webhelp/eWriter skins and CHM skins for the many customers who still use them.

 

Responsive Design  -  Embedded Help  -  Field-Level Popups
Hyperspeed Browsing  -  Guided Configuration

 

Key Features

  • Fully responsive – create one WebHelp site for desktop, tablet and phone browsers
  • Frameless topics – no more index.html layout page, the topic pages are your pages and their names are your URLs
  • Embedded help – embed your help in existing web pages with a snippet of code like a YouTube video
  • Skin Language Files - the Toolbox utility can export and import all the interface texts. English and German language files are included for all skins. More languages will be added as they become available.
  • Field-level popups – display formatted popups from your help in your own web pages with simple links
  • Field-level topics - display entire topics from your help in your own web pages in the same way as popups
  • Responsive X-tables – add a single setting to data tables to make them reformat automatically on mobile devices
  • Local WebHelp – deploy WebHelp locally without a web browser, even for Google Chrome and Internet Explorer
  • Fast browsing – highly optimized topic loading for extremely fast browsing
  • Scalable – user-adjustable text size for the best possible user experience.
  • WordPress Plugin 2.0 - Embed Multiple WebHelp collections on a single WordPress site and display each version with a separate sidebar widget.
  • Embedding in Microsoft SharePoint - SharePoint administrators can now host WebHelp created with Premium Pack V3 and V4 skins on SharePoint sites and embed the help in SharePoint site pages. This also works on the SharePoint iOS and Android apps on tablets and smartphones.
  • Import and export styles - The Premium Pack Toolbox utility has a new Import/Export Styles feature, with which you can import individual text, paragraph and table styles to Help+Manual projects from other projects and style files created with the tool. (In Help+Manual itself you can only replace an entire project stylesheet with another one.)
  • Edit style repositories (.hmxr) - The Toolbox utility can now also edit style repository projects (.hmxr). This makes it possible to use the new import/export styles tool on these projects as well. In addition to this you can also use the other topics tools on these projects.
  • Embedding WebHelp from multiple and remote domains - It is now possible to use embedded and field-level help from multiple WebHelp documentation systems on the same web page. In addition to this you can also embed WebHelp hosted on other web servers, not only on the same server as the HTML pages on which you are embedding and displaying the help. This is also supported in the new WordPress plugin.

Other Features

Premium Pack skins add many features to your output that are not available in Help+Manual's standard skins and templates. These include:

  • Configurable mail feedback with automatic reference to the current project and topic
  • Advanced printing support with preview of printer-friendly topic version
  • Toggle jump – link to anchors inside toggles
  • Auto TOC – auto-generated menu of links to scroll to headings in the current topic
  • Draggable and resizable popups that are sized and positioned automatically
  • Permalinks for quick references to the current topic
  • Social sharing links to sites like Facebook, Twitter and Google+
  • Google Web Fonts – Integrate Google Web Fonts in your projects, use them directcly in Help+Manual and in your WebHelp output.
  • User Code & Session Variables – Options for integrating your own JavaScript code, URL control parameters and session variables.
  • Images & Tables on Mobile – Solve problems with larger images and tables on mobile devices by adding a single CSS class to them.

 

There Are More Skins Included

In addition to the new range of skin designs, Premium Pack 4 continues to include the most popular skins from previous versions.

V3 Responsive Skins for WebHelp and eWriter (22 variants each)

These extremely popular and reliable skins have now been updated for the new V4 color management system. In addition to this we have also added three key TOC behavior settings that users have asked for: Build entire TOC on start (not just visible branches), enable/disable for Auto-close on top-level chapters, and Open all top-level chapters on start.

V2 Combined WebHelp and eWriter skins (15 variants)

These skins for desktop and tablet browsers only are still very popular with many users who prefer a more traditional, non-flat design and a full-featured toolbar. They still perform very well for both desktop WebHelp and stand-alone eWriter documentation.

CHM Skins (8 skin styles)

These skins are specifically designed for Microsoft HTML Help CHM files, where the viewer is part of Microsoft Windows and cannot be skinned. They give the user access to advanced functions without taking up additional space in the topic header. Additional functions are available in compact drop-down menus. You can also configure a logo with a hyperlink and a background image in the header area. The CHM skins also introduce our new file link fixer, which makes it possible to link to external files with relative paths in your CHM topics.

 

CHM skin features

  • Eight ready-to-use CHM skin styles to choose from
  • Compact navigation and menu area at the right of the header
  • File Link Fixer: Links to files outside the CHM folder now work normally
  • Auto-generated drop-down topic menu for scrolling to headings within your topics
  • Automatic breadcrumb trail navigation above the topic headers
  • ToggleJump - create hyperlinks that jump to anchors inside toggles or that open specific toggles
  • Sortable tables - create tables that users can resort by clicking on the header titles
  • Advanced JavaScript popups - draggable, resizable and can contain hyperlinks and videos
  • Smart Print menu option with print preview - reformats the page automatically taking out elements irrelevant for printing
  • Mail feedback menu option - auto-generates a feedback email to your address with details of the current topic inserted
  • Home button links to either home topic or parent chapter of current topic
  • Configurable topic footer at the bottom of each topic
  • Auto-redirect options for visitors using mobile devices (redirect them to the smartphone or tablet versions of your help)
  • Dynamic toggle images that expand first within the current window dimensions and to full size when the zoom button is clicked

New Integrated Skin Configuration Options

Activation/deactivation of key skin features via the "Skin Include Options" in the Help+Manual Publish screen has now been completely replaced with integrated configuration options. These are accessed in the new Skin Options tool in the Toolbox utility. You can now easily configure copies of your skins for specific tasks and no longer need to remember to select your settings every time you use a skin with a different project.

 

Configuration without code editing

You don't need to edit any confusing HTML code to configure your skins. All the text displayed in the skins, your support email address, the text in the email feedback form and so on are stored in simple text variables. You can set up everything just by editing the variable definitions.

Power Tools in the Toolbox Configuration Utility

The Toolbox configuration utility for your Premium Pack skins also includes a set of Power Tools for Help+Manual users. The features below are just a few of the highlights:

 

 

Premium Pack demo skins are included
in the Help+Manual trial.

Start your free 30-day trial today!

Download Trial ⯈
Pricing Information