The first thing many users want to do is use their own background
image and
change fonts etc. The custom style sheet
feature is used to achieve this. There is a Config parameter 'StyleSheet' that can be set via a Document
Custom Tag StyleSheet, or via the Change Parameters dialog, to specify a file containing the user's replacements for some of standard styles in style.css. Ii is suggested that users look at the style.css file generated in their (local) report folder and ONLY extract the bits they want to change and add it to their custom style sheet. When the Report is generated the contents of this file will be appended to style.css, replacing any earlier definitions. To replace a background image the file specified in the custom style sheet must exist in the generated Report folder. To do this without using a custom skin I suggest adding the new background image as a picture to a dummy
individual in the GenoPro file. If the image is say background.jpg then it can be specified in the style sheet as pictures/background.jpg. The dummy individual can be excluded from the report by setting the 'Make
label / exclude from report' flag under the '
Family' tag of the
Individual properties dialog.
Most of the descriptive text fields can contain 'Custom Markup'. This provides a shorthand way of including extra HTML in your report to provide functions to add many useful features such as custom 'subsections' (like
Occupations,
Educations etc.) and custom note entries. There are also easy ways to add photos and to add 'multimedia' links to appear in the 'popup' frame. These can even be used on the home page. The Custom Markup instructions:
<?html?> indicates the following text up to next Custom Markup instruction is HTML (displayed on HTML reports only)
<?text?> indicates the following text up to next Custom Markup instruction is text (displayed on both text and HTML reports)
<?plain?> indicates the following text up to next Custom Markup instruction is plain text (displayed on text reports only)
<?hide?> indicates the following text up to next Custom Markup instruction is not to be generated.
<?merge param1 param2 .... paramn?> inserts items specified in param list.
The params in the list are each separated by a space. Each param is either HTML enclosed in double quotes ("....")
excluding Custom Markup instructions or Tag Names (custom or standard) that can contain HTML and/or
Custom Markup instructions.
<?note "subtitle" param1 param2 .... paramn?> inserts 'note' style collapse/expand item containing content as per param list (see merge above)
<?subsection "subtitle" param1 param2 .... paramn?> inserts 'subsection' style collapse/expand item containing content as per param list
(see merge above)
<?popup "subtitle" "
hyperlink text" param1 param2 .... paramn?> inserts a link "hyperlink text" to a 'popup' frame with "subtitle" as its title
containing content as per param list (see merge above)
<?image ref width height?> inserts an image/photo. 'ref' is either the path to the required image in the generated Report (Web) folder enclosed
in double quotes ("...") or the 'ID' of a picture within the .gno file e.g. pic00051. In the latter case the picture may also
have an associated image map in its Custom _AreaMap tag. 'width' & 'height' are in pixels and are optional.
They must be omitted if the image has an associated image map, otherwise the mapping is invalidated. If omitted the
image is shown full size, with scroll bars if required. Using the picture ID means to image gets included in the Report
automatically. To get other pictures/images into the Report folder see above regarding the background image.
<?movie type ref name width height align
quality wmode background-
color?>
inserts a movie/
video. 'type' is the file type of the video. At present only Flash, representing .swf files is allowed.
'ref' is either the path to the required image in the generated Report (Web) folder enclosed in double quotes ("...")
or the 'ID' of a 'picture' within the .gno file e.g. pic00051.Using the picture ID means that the image gets included in
the Report automatically. Although GenoPro does not display .swf files internally they are still accepted as 'pictures'.
'width' & 'height' are in pixels. The align, quality, wmode and background-colour are optional values.
<?url href?> insert a link to another webpage 'ref' e.g. <?url www.genopro.com?>
<?email emailaddress?> or <?mail emailaddress?> insert a 'mailto' link e.g. <?email me@here.com?>
There is also the ability to add custom narrative to individuals, families, pictures, places and
sources. Simply place the required narrative in a Custom Tag named _Narrative and this will get added to the report immediately after the standard narrative. This means that all those fascinating anecdotes about people are no longer consigned to live behind the Comments toggle.
N.B. At present a Custom Tag cannot contain newline characters. So if you prepare your tag contents elsewhere (e.g. in Comment field or by using Notepad) you must remove all newlines before pasting the desired content into the Custom Tag field. If you do not do this then everything after the 1st newline will be ignored. However if you use Custom Markup <?html?> you can still add newlines to the Report using the HTML 'break' tag i.e. <br/>
The Harry Potter sample report at http://familytrees.genopro.com/Ron/HarryPotter/default.htm shows many of these enhancements, including a custom style sheet (sorry about the colours!). The home page shows a custom 'subsection' with embedded 'note' and 'image' instructions. So does the Harry Potter page, but also has a 'popup' link.
Download the 'FamilyTree.gno' from there to see how it was done