Adobe 65030089 User Manual - Page 389

USING ROBOHELP HTML 10 383 Generating output Placeholder Tab Content Group Tab Group Tabbed Panel Text TOC Parent Tabbed Panel Tabbed Panel [HTML] Closed Book Open Book Page Link Index Keyword Index Link Alphabet Category Glossary Term Glossary Definition Tab Content Group[HTML] Page Link Topic TOC TOC Tab Content Group[HTML] Children [None] [None] [None] [None] Closed Book Open Book Page Link Text Icon Text Icon [None] Attributes class defaulttab class, showin class class, showin class, classhover, classselected class, classhover, classselected class 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 img styles. • 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. Last updated 7/13/2012