Beschreibung der WebHelp-Skins PP V4

In HM8 sind die Standard-Skins teilweise etwas überarbeitet worden und es gibt eine neue Skin für die WebHelp-Ausgabe (HM8-Help-Webhelp-Responsive).

Im PremiumPack stehen weitere zahlreiche Skins zur Verfügung. Eine Beschreibung und Details finden Sie auf der Website von EC Software: https://www.helpandmanual.com/products_hm_pluspack.html.

Wenn Sie das PremiumPack nicht installiert haben, sollten Demoversionen von Beispiel-Skins installiert sein. Diese sind nicht konfigurierbar und heißen alle PP_DEMO….hmskin. Bei der Installation des PremiumPacks werden diese Demos gelöscht.

Zu den Skins auch hier die Original-Info vom Entwickler:

Folgende neue Skin-Reihen:

  • 2 neue Reihen von Designs basierend auf dem jetzigen Codebase aber mit einem moderneren Aussehen (Screenshots NewStandard/NewFlexible anbei)
  • 1 zusätzliche Version mit einer "Magazin"-Seite/Ebene über dem Topic-Pane, in der die Hauptkapitel als Kacheln mit Bildern dargestellt sind. Man wählt eins dieser Kacheln, um das entsprechende Kapitel zu wählen. Das Magazin faltet sich dann weg und zeigt die normale WebHelp-Sicht, aber nur mit dem Inhalt des gewählten Kapitels. Auf Handys gibt es aber nur die Standard-Sicht mit dem normalen, kompletten TOC. Auf Desktop und Tablet wird die Suche in diesen Skins auch in einer größeren Seite auf der Topic-Seite des Layouts dargestellt. (Screenshots Magazin1-4, anbei)
  • Modern: 1 neue, integrierte Reihe von Skins für kleinere Projekte mit einer vorgegebenen Struktur: Mehrere Hauptkapitel mit jeweils nur EINE Unterkapitel-Ebene. In den Unterkapiteln darf es nur Topics geben, keine weiteren Kapitel. Diese Skins sind komplett frameless, haben kein Stichwortindex und die Suche wird in einem zusätzlichen Browser-Tab dargestellt. Auf Handys ersetzt die Suche die aktuelle Hilfeseite, zu der man zurückkommt durch Auswahl einer gefundenen Seite oder Back/Close. Die Haupt-Kapitel werden in internen Tabs, die Kapitel-Inhalt in einer aufklappbaren, horizontalen Box angezeigt. Dadurch kann auf das klassische "TOC-Pane" links ganz verzichtet werden. Es gibt auch keine gegtrennten Handy-Assets: Handy-Version erscheint nur aufgrund der Breite des Fensters. (Screenshots Modern1-6 anbei)
  • Modern mit Chapter-TOC: 1 neue, integrierte Reihe von Skins basierend auf der Modern-Reihe, aber für Projekte mit einer freien Struktur und mehr Ebenen. Auch hier gibt es kein Stichwortindex, keine Frames und die Suche ist ein einem separaten Tab. Hier gibt es aber keine Tabs für die Kapitel. Stattdessen ist die horizontale TOC-Box zweigeteilt: Links werden NUR Kapitel aufgelistet, was zu einer viel übersichtlicheren TOC-Struktur führt. Rechts sieht man dann die Inhalte (Topics, Unterkapitel) des links gewählten Kapitels. Auch hier wird komplett auf das normale TOC-Pane und getrennten Assets für die Handy- und Tablet-Version verzichtet. Der Trenner zwischen Kapitel-Liste und Kapitel-Inhalt ist auch im Handy-Modus frei verschiebbar. Suche funktioniert genauso wie bei der kompakten Modern-Version. (Screenshots ModernChToc1-5 anbei).

Änderungen in allen, auch den vorhandenen WH3-Skins:

  • Die Option "lokal ohne Webserver" kommt komplett weg (auch in den neuen Skins). Moderne Browser-Sicherheit zwingt dazu, und für lokales WebHelp kann und soll man jetzt eWriter nehmen. Dadurch kommt viel unnötige Komplexität in den Scripts weg. Alle Skins werden sich weigern, ohne Webserver zu öffnen.
  • Die "Skin Build Options" im Publish kommen komplett weg, auch in den neuen Skins. Sie werden durch speicherbare Optionen, die nur noch im Toolbox-Utility konfiguriert werden. Dadurch kann man Skinversionen mit vorkonfigurierten Settings haben und braucht nicht mehr im Publish die richtigen Settings auszuwählen. (Screenshot ToolboxSkinoptions anbei)
  • Die Konfiguration wird vereinfacht und erweitert durch Einführung von Konfigurations- und Farb-Gruppen im Toolbox. Wählt man z.B. Color Settings, sieht man für alle Konfig-Gruppen nur die Farbeinstellungen. Hier gibt es einen neuen Color Picker, der das aktuelle Farbschema des Skins anzeigt. Dazu kann man "Color Groups" definieren. Das sind Einstellungen, die alle die gleiche Farbe verwenden. Editiert man ein Gruppenmitglied, ändern sich alle anderen mit. Dazu gibt es auch noch "Background Colors" bei denen man auch eine Transparenz setzen kann. (Screenshot Toolbox_ColorSettings anbei)
  • Alle Config-Filter: All Settings, Color Settings, Configuration Settings, Layout Settings, Interface Text.

Alte Skins, die wegkommen:

  • Die uralten dezidierten Phone- und Tablet-Skins werden nicht mehr Bestandteil des Packs.
  • Die CHM-Skins bleiben vorerst, werden ggf. leicht aufgefrischt. Hier geht es aber wirklich nur um den Topic-Header.

Quelle: Tim Green, 14.02.2020

Autor: Birgit Becker / Letzte Änderung: 27.2.2025