Adobe 65030089 - Robohelp - PC Using Manual page 389

USING ROBOHELP HTML 10
Generating output
Placeholder Parent
Tab Content Group Tabbed Panel
Tab Group Tabbed Panel
Tabbed Panel [HTML]
Text Closed Book
Open Book
Page
Link
Index Keyword
Index Link
Alphabet Category
Glossary Term
Glossary Definition
TOC Tab Content Group[HTML]
Page TOC
Link TOC
Topic Tab Content Group[HTML]
Guidelines for screen layout design
• Design the screen layouts using the standard widgets available with RoboHelp.
• Avoid reusing any image from the standard widgets or default layouts in any new screen layout.
• Define styles for all widgets in a screen layout CSS regardless of whether or not the widget is used in the screen
layout. This ensures that the look-and-feel of the screen layout is not affected if a widget is added later.
• Create only simple class styles in the CSS. Make sure that each style has a modular definition.
• Make sure that all the icons and images are present in the screen layout folder regardless of whether or not they are
used in the screen layout. The image names and formats should be in the required format.
• Specify height and width of images in px for
• Make sure that required style names are used in the screen layout. If you need to define additional styles in the CSS,
follow a similar naming convention but do not use 'w' as first the character. Style names starting with 'w' are
reserved for predefined widgets.
• Do not use absolute positioning in styles. Fluid layouts work better for Multiscreen output.
• Do not use positioning attributes (for example, float) in the styles of top-level parent element of widgets. Examples
of these elements are Topic, Index, and Tabbed Panel.
• Include pseudoclass definition for hyperlink styles.
Children
[None]
[None]
[None]
[None]
Closed Book
Open Book
Page
Link
Text
Icon
Text
Icon
[None]
styles.
img
Last updated 7/13/2012
Attributes
class
defaulttab
class, showin
class
class, showin
class, classhover, classselected
class, classhover, classselected
class
383