Adding Style, Form & Function to Legacy Web Pages

Last updated: 22 Jun 2012

The Goal

The following EASY instructions provide a way to add some customization to Legacy generated web pages by linking in some JavaScript and CSS files. If you are interested in the technical details, the industry standard jQuery library is linked in along with a custom StyleSheet and JavaScript pair of files that tweak the pages, and provide a foundation for future customization.

Customizations Include:

• Adding Captions to Images
• Adjust font settings
• Add class attributes for custom styling

Legacy Custom Searches

List of Custom Searches.

FindMyPast

 
http://www.findmypast.co.uk/XdbSearchCountServlet?forename=[FirstName]&surname=[SurName]&includeForenameVariants=Y&fromYear=[StartYear]&toYear=[EndYear]
 

GED Utils Example Ancestry Tree

Example Tree: Charles "Uncle Charlie" R. Ross

This is a link to an example tree at Ancestry.com to showcase the integration of Legacy Family Tree, GED Utils, and Ancestry.com.  The tree was created by simply uploading a GEDCOM file that was exported from Legacy and then pre-processed with GED Utils.  No updates or edits have been made at Ancestry.com.

What do you think?

Spit Shine Legacy Web Pages

Injecting CSS

This should work in any of the types of web pages generated by Legacy. It can be as easy as pasting the snippet below and adding a file named site.css, or further customized as needed. The code snippet provides the ability to dynamically inject both JavaScript and Style Sheets into the Legacy generated web pages by making use of the getScript and getStyle methods respectively. Notice that the jQuery JavaScript library and a Style Sheet named site.css are specifically being injected. Mimic these calls to inject additional files, or edit the name site if you prefer. Again, if you'd rather not touch code, simply include a text file called 'site.css' in the root directory of your Legacy generated web pages, and add your custom rules (see example at the bottom).

To Use:

• Copy the Injection Script and paste into the header section of the Legacy 'Links' tab.
• Edit the code if so desired
• Create a site.css file, and include it with your other generated web pages
• Add style rules to your file
• Test on your favorite, or various browsers

Ancestry Utils

Ancestry Utils v. 1.0

Ancestry Utils is a Greasemonkey script that customizes the way Ancestry.com, particularly Member Trees, display and behave. This script requires Firefox with the Greasemonkey add-on. I understand that Chrome and Safari offer some support for scripts like this, but I believe I've made use of features only available in Firefox.

To install:

• Install Firefox and/or Greasemonkey
• Come back here, using Firefox, and click the download button in the menu on the left
• Follow the Greasemonkey prompts

GED Utils

GED Utils v. 1.2
Last updated: 26 Feb 2011

GED Utils is a collection of macros for manipulating GEDCOM files.  The original intent was to clean-up GEDCOM exports from Legacy Family Tree before sharing publicly online at Ancestry.com, but there's really no reason they shouldn't work on GEDCOM exports form other software or for uploads to other repositories.

GED Utils is written as a clip library for use with NoteTab, a text editor by Fookes Software.  The library works fine with their free Light version.  NoteTab is similar to Windows Notepad, with support for macros (what they call clips) and multiple documents open at the same time.

To use these macros:

• Install NoteTab
• Download GED Utils from the menu on the left
• Save GED Utils into NoteTab's 'library' folder (from Windows Explorer not from within NoteTab)
• Open a GEDCOM in NoteTab, select GEDUtils library, and double click any of the clips to run them