Web Style

What Is a Web Style?

Choosing a Web Style for Reports

Choosing a Web Style When Creating a Report

Web Styles for List Reports

Rolling Your Own Styles

Web Report Settings

Web Publishing

What Is a Web Style?

In Reunion, any report designed to be viewed by a web browser will have an appearance that is defined by a web style. In effect, a web style is a template or theme applied to the pages of a report and is comprised of three parts: font, format, and color (described in the next section).

A web style only applies to reports whose destination is your web browser, "Web Folder," or "Web File." Examples include: person sheets, family group sheets, family history reports, register reports, web projects (family cards and trees), lists, etc.

Choosing a Web Style for Reports

To choose a web style for reports...

  1. Choose Reunion > Settings.
  2. Click Web.
  3. Click Style.

A web style has three parts, which may be selected independently...

  1. Font - This is the font that will be used throughout the web project, on all pages of the report. Select a font for your web style by clicking the Font button. A pop-up menu will appear with several web-friendly font choices.
  2. Format - This includes the arrangement and specification of objects in web output, including sizes and details of fonts, borders, lines, and boxes. This also includes text justification and shadow depth. To select a format for your web style, click the Format button. A pop-up menu will appear with several formats to choose from.
  3. Color - This includes the color of objects and text in web output, including: overall background color, individual element background color, text color, border line color, text shadow color, link color, etc. In addition, the Colorize Text button permits the assignment of dark blue/red colors to the names of males/females in a report, and a brown color to relationships.

    To select a color scheme for your web style, click one of the thumbnail images in the scrolling display. The current selection has a highlight "ring" around it and the name of the color style will appear just above the grid of thumbnails. (Note: the purpose of the sample thumbnails is only to depict different color choices; the sample images do not reflect your choice of report, font, or format.)

To see more clearly the differences between different fonts, formats, and/or colors simply click the Web Preview button at the bottom of the Web Settings window.

Clicking the Web Preview button will open a hypothetical web project in your web browser allowing you to review how your settings will appear in your web projects.

Click here for more information about the Web Preview button.

Choosing a Web Style When Creating a Report

If you're about to create a report whose destination is your web browser or "Web Folder," you'll notice a Web Settings button. Clicking this button will open the Style section of the Web Settings where you can select a web style (font, format, and color).

Web Styles for List Reports

If you're about to create a report of a list (in the sidebar or List window) and the destination for the report is your web browser or "Web File," you'll notice the name of the currently selected web style appearing (see the illustration below).

Rolling Your Own Styles

Web styles are global — available to all your family files.

Reunion includes many built-in styles (fonts, formats, and colors) to mix and match; however, if you're fluent with HTML and CSS you can build your own, customized styles and even share them with other Reunion users. You may contact us for technical documentation of web styles in Reunion.