Family Chart Mod

From TNG_Wiki
Revision as of 00:59, 29 September 2015 by Mgrogan (talk | contribs) (TNG User sites using this mod)

Jump to: navigation, search
Family Chart Mod
Summary This provides a new family chart, consisting of a family and those of the two parents, which can be used to navigate a family tree.
Validation The mod is XHTML compliant.Valid-xhtml10.png
Mod Updated {{{mod_last_update}}}
Download link for
TNG 10.1.0 for
TNG 10.0.3
Download stats Downloads
Author(s) Chris Moss
Homepage Family Chart Mod
Mod Support contact author
Contact Developer contact author
Latest Mod 2b
Min TNG V 10.0.3
Max TNG V 10.1.2
Files modified
getperson.php, genlib.php, globallib.php, css/genstyle.css, languages/English/cust_text.php, also Dutch, French, German and Norwegian if present
Related Mods

A typical chart with thumbnails of some people.
Click on the picture to see it full size.

The Family Chart Mod provides a representation of a family together with those of the parents which can be used to navigate more easily around a tree. The chart includes siblings, parents, uncles and aunts and grandparents, with their dates and thumbnails. One click on a link takes you to children, cousins, in-laws and great and great-great grandparents, together with great-uncles etc., from which you can proceed further. By clicking on the image you are taken to the person's individual sheet. (Note this is a different convention to most of the charts in TNG, where clicking on a photo simply enlarges it.)

As distributed, the chart stays comfortably within the 768 pixel width limit of many tablets and mobiles and so is usable on these. Ask me if you want it to work on earlier versions of TNG.

The mod adds a new item "Family" to the main menu bar so that you can easily switch from other views. A consequence of this is that many of the entries such as Ancestors and Descendants actually apply to one or the other parents rather than the family as a unit. Subsidiary links to the chart are under the appropriate family in the Individual display (getperson) with links called "Family Chart". If you are on the Family Group sheet there is also a top menu item called Family Chart. In this case the ancestors and descendants chart more nearly reflect the family.

When a parent has several families, these are indicated next to the box with a popup which shows one or more extra families. A family symbol also indicates another family through adoption. For living people, a small 'alive' symbol Alive.png is shown; this can easily be turned off in the customconfig.php file. If this is because the user is not logged in, then a tooltip suggestion to log in is given.


  1. Download the file from the download links in the mod summary area in the upper right.
  1. Extract the downloaded zip file to your 'mods folder.
  1. Follow the installation procedure for Mod Manager, as shown in the example Mod Manager - Installing Config Files to install the appropriate Family_Chart_Mod.cfg file.

Post Installation

If you want to change colors to match your site, you need to update your customconfig.php file. See Customization below. It is not necessary to move the famconfig.php file if you are using the Config Path as it won't be necessary to modify the file.


On the right is an example of the Family Chart.


Most of the settings for the page are in a file famconfig.php which is normally in the main tng folder. If you want to change the colours or sizes of boxes, the relevant lines need to be changed. It is best to copy the line and paste it into your customconfig.php file. Do not change the famconfig.php file itself. In this way, when you reinstall the mod, your changes will not be lost.

For example, if you don't use any pictures on your site or don't want thumbnails in the Family Chart page, place the following line in customconfig.php

$familychart['inclphotos'] = 0;

If you want the background colour of the family boxes to show as a dull red rather than dull blue:

$familychart['fbackcolor'] = '#CAA';   #family background

You can use any of the standard html codes for colours.

A fuller example shows the colors from TNG style classes in Template 4 with the mytngstyle.css values that will override these.

TNG Family Chart
class Template 4 Color famconfig Variable Original Color Changed Color
fieldnameback #DEEAF2 $familychart['fboxcolor'] #EEF #DEEAF2
innercontainer #CCCC99 $familychart['fbackcolor'] #AAC #CCCC99
databack #ECF9FF $familychart['boxcolor'] #DDE #ECF9FF

for which the following was added to the customconfig.php file

// Added for Family Chart customization
$familychart['fboxcolor'] = '#DEEAF2'; #colour of main family boxes
$familychart['fbackcolor'] = '#CCCC99'; #family background
$familychart['boxcolor'] = '#ECF9FF'; #colour of other family boxes

Another area for customization is with text messages. In this case changes should be made in the cust_text.php file in the appropriate language folder(s). Family Chart mod will already have made additions to it. Don't change these: repeat any of the lines after the final #end fcm line. e.g.

$text['fcmlogin'] = 'Details of living people are withheld';

Note that the mod currently puts its changes at the end of this file and the process of uninstalling and reinstalling might move your change above its changes when they won't be effective. (This will be changed in a future version.)

Mod Compatibility issues

Several early problems have been resolved. The only known incompatibility is with the Regroup Person Profile mod and possibly with some of its derivatives. You will need to decide between these mods.

Translations of texts

Dutch, German, French and Norwegian versions are included in the recent distributions. If you translate the custom text into another language please please send it to me via the link in the box above so I can include it in a future version.

TNG User sites using this mod

If you download and install this mod, please add your TNG sites to the table below.

URL User Note Mod-Version/TNG-Version User-language
Moss Family Tree Chris Moss Template 5 EN, FR, DE
Our Family Links Chuck Filteau public site, modified Templ 12 / v10.1.2 EN
Genealogische Verkenningen Cor Kuipers Template 14 10.0.3 NL, EN, DE,SP, PT
My family (no public site) Oname.gif Template 3 see at Oname.gif users site D,(NL),(GB)
Our Roy and Boucher Family Ken Roy Template 4 EN, FR
Our Family Histories Bryan S. Larson Template 8 - Customized to use standard TNG silhouette icons and my colors EN
Hooley Family Links Rick Hooley Template 12 - Public Site EN
Girod-Bonner Tree (Private) Jeff Girod Template 12 10.1 EN
Genealogy of the Hendee Family John Hendee Template 10 10.1 EN
De Zoethouten van Woudsend John Zoethout Template 12 NL / EN
Familie van Seeventer Sandor van Seeventer Template 12 DE / EN / NL
Mitchell Families Online Roger Mitchell An excellent mod, very useful and professional (Modded T12) DE / EN / NL /SP
Brady Family Tree in Western Australia Darryl Brady Public site EN, DE
Kemp(e) Family History Andrew Kemp Public site see User:Kempons EN
MOTYER Family Genealogy John Mark Motyer Public site - Template 2 (modified) see here EN, DE, RU
Kleinmann Genealogy John Kleinmann Template 12 / 10.1.1 EN
Wortelboer Genealogy Bernard Wortelboer - / 10.1.1 NL, EN
Bastiaans(s)en Genealogy Jan Bastiaanssen Public site / 10.1.2 EN, NL, ES
mob Margaret Turner template 8 / 10.1.1 EN
mob Margaret Turner template 9 / 10.1.1 EN

Revision History

Version Date Contents
v10.0.3.1 2 Jan 2015 corrected display of living individuals, added some tooltips and incorporated person not found mod
v10.0.3.2a 5 Jan 2015 added Family tab to main display; removed conflicts with other mods; various other cleanups
v10.0.3.2b 23 Jan 2015 dealt with most known issues, including edit, bookmarking, icon, photos. Living icon shows for all living people.
v10.1.0.2c 23 Jan 2015 same as v10.0.3.2b but suitable for TNG v10.1.0.
v10.1.0.3 19 Apr 2015 Minimizes height of chart, keeps uncles on aunts on same side, shows adopted families, includes dates for christening and burial if necessary, stops robots indexing page, works with Wordpress, handles log file.
v10.1.0.3a 28 Apr 2015 Correct Norwegian translation
v10.1.0.3b 27 Jun 2015 Option to work with Ken's Mobile Site Enhancements. After installing it set the option in Mod Manager.

Known issues

  1. Colors do not adapt automatically to templates