Balanced Media

From TNG_Wiki
Revision as of 18:54, 23 March 2016 by Tngrlkrz (talk | contribs) (Sites using this mod)

Jump to: navigation, search
Balanced Media
Summary Balance both sides of the Media view of the Ancestors tab
Validation The mod is XHTML compliant.Valid-xhtml10.png
Mod Updated {{{mod_last_update}}}
Download link For
TNG 11.0
balanced_media_v11.0.0.0.zip
for
TNG 10.1.0
balanced_media_v10.1.0.2.zip
TNG 10.0
TNG 9.0.3
balanced_media_v9.0.3.1.zip
TNG 9.0
balanced_media_v9.0.0.1.zip
Download stats V10.1/v11 download statistics
Previous download statistics
Author(s) Bart 'Roebie' Degryse
Homepage Balanced Media
Mod Support TNG Community Forums
Contact Developer
Latest Mod 11.0.0.0 for TNG v11 and up
10.1.0.2 for TNG v10.1 and up
9.0.0.1 for TNG v9.0.0 - v9.0.2
9.0.3.1 for TNG v9.0.3
Min TNG V 9.0.0
Max TNG V 11+
Files modified
extrastree.php
Related Mods
Notes



Purpose of the mod

This mod will add placeholders for the missing people in the Media view of the Ancestors tab balancing both sides. Additionally it will add ancestor chart numbering just as on the Ahnentafel view and the Text view.


Developer

This mod was developed by Bart 'Roebie' Degryse

Idea and initial proof of concept by Doug Couch

Updated for TNG 10.1 and TNG V11 by Ken Roy

Requirements

  • A working TNG installation.
  • A backup of all affected files (see the list in the summary in the upper right corner of the page)
  • An installed current version of the Mod Manager (is already included in TNG v9)


Installation

  1. Download the appropriate zip file as shown in the summary in the upper right corner of the page. NOTE that I host these zip files on my own server. That way I can count the number of downloads for each mod I made and estimate the relevance of such mod.
  2. Extract the config file from the downloaded zip file into the mods folder.
  3. Follow the normal automated installation for Mod Manager, as shown in the example Mod Manager - Installing Config Files to install the mod.


Feature List

All versions of this mod do two things:

  • Add placeholders for the missing people in the Media view of the Ancestors tab. The result is that both sides get balanced.
  • Add ancestor chart numbering. These numbers are already on the Ahnentafel view and the Text view and this mod adds them to the Media view too.


The 9.0.0.0 version of this mod also

  • fixes one of the inconsistencies regarding how living, private and LDS information are handled that were fixed in TNG v9.0.3 (see issue 20 in the v9.0.3 change history)


What this mod does NOT do is

  • styling the new balanced Media view (see the next paragraph for more)


Styling the balanced Media view

The main thing to keep in mind is that this mod only structures the data in a table. It does nothing to style the display. At least nothing more than the default extrastree.php does. The classes that were in the default are still available after installing this mod. I have however added a whole bunch of classes (+ an id for the table itself), so it should be possible to style whatever part of the table to your liking by adding some css to the mytngstyle.css file of your template.

Here's a list of all classes I've added:

  • bmm_table: this is not a class but an id for the table.
  • bmm_left: the left part of the table, eg De Wilde side in my screenshots (columns 1 and 2)
  • bmm_right: obvious
  • bmm_number: the columns with the "ancestor chart number" (columns 1 and 3)
  • bmm_name: the columns with the names of the ancestors (columns 2 and 4)
  • bmm_title: the row with "Media: Family of..."
  • bmm_legend: the row with the camera image and the text "At least one photo, history or other media item exists for this individual"
  • bmm_side: the row with the text "De Wilde side" and "Degryse side" in my screenshots
  • bmm_genheader: each row with a generation name (parents, grandparents, ...)
  • bmm_gendata: each row with two ancestor chart numbers and two ancestor names on it ("2. De Wilde, Geert and 3. Degryse, Tina")
  • bmm_lastrow: the last bmm_gendata row within each generation also gets this class

Note that some cells in the table thus have two classes: eg. each ancestor chart number cell has the class bmm_number but also bmm_left or bmm_right. The same goes for the cells with ancestor names in it.

There are also some structural elements available:

  • colgroup + col: the table structure is predefined with the colgroup and col html tags. The first colgroup also has class bmm_left, the second bmm_right, the first col in each colgroup also has class bmm_number, the second bmm_name.
  • thead: the first three rows in the table (the ones with classes bmm_title, bmm_legend and bmm_side) are grouped in the thead html tag.
  • tbody: each generation (that is one row with class bmm_genheader and one or more rows with bmm_gendata) is grouped in the tbody html tag (eg 1 bmm_genheader row + 4 bmm_gendata rows for great grandparents)


Visualization of this mod

The following images show the visual effects of installing the mod and shows some examples of styling for this mod. The examples have only been tested with template 3, but should work with other templates without much changing. Especially the colors would need changing!

Without the mod installed

This is the default TNG 9 template 3 layout.

Without the mod installed
With the mod installed but without styling

Once you have this mod installed this is how that same page will look like. As you can see the structure has changed by styling as almost nil.

With the mod installed but without styling
Fixed width styling
/* Fixed table width and assign half of it to each side */
#bmm_table {width: 670px;}
col.bmm_number {width: 1%;}
col.bmm_name {width: 50%;}
/* Add some space between the numbers and the names 
and right align the numbers */
td.bmm_number {padding-right: 5px;text-align: right;}
/* Ancestor chart numbers in red */
span.bmm_number, td.bmm_number {color: red;}
/* Add some space between each generation block */
.bmm_lastrow td {padding-bottom: 15px;}
Fixed width styling
Variable width styling
/* Assign each side half the width of the table */
col.bmm_number {width: 1%;}
col.bmm_name {width: 50%;}
/* Right align the numbers */
td.bmm_number {text-align: right;}
/* Small yellow numbers on a black background
and with some space to the left and right */
span.bmm_number, td.bmm_number {padding-left: 5px;padding-right: 5px;
  color: yellow;background-color: black;font-size: smaller;}
/* Add some space between the numbers and the names*/
td.bmm_name {padding-left: 5px;}
/* Add some space between each generation block */
.bmm_genheader th {padding-top:15px;}
thead .bmm_side p.subhead {margin-bottom:0em;}
Variable width styling
Template 3 styling
/* Fixed table width and assign half of it to each side
Also set background and borders */
#bmm_table {width:800px; border-collapse:separate; border-spacing:1px; 
  border:1px solid black; background-color:white;}
col.bmm_number {width: 1%;}
col.bmm_name {width: 50%;}
/* Set border and background of all cells */
#bmm_table th, #bmm_table td {border:1px solid black; background-color:#D0BC91;}
/* Set exceptions for background of some cells */
#bmm_table td.bmm_number, #bmm_table tr.bmm_title td, #bmm_table tr.bmm_side td
  {background-color:#39692A;}
/* Add margins or padding to cells
Set text color and alignment */
tr.bmm_title p {margin-top:0.5em; margin-bottom:0.5em; text-align:center;}
tr.bmm_legend p {margin:0.1em 0em 0.1em 0.3em;}
tr.bmm_side p {margin:0.3em 0em 0.3em 0.3em;}
td.bmm_number {padding-left:5px; padding-right:5px; color:white;
  text-align:right;}
span.bmm_number {color:white; font-size:12px;padding-left:2px;}
td.bmm_name {padding:1px 5px;}
tr.bmm_genheader th {padding:2px 5px;}
Template 3 styling


In the event of a problem

  • Copy the backup of the affected files back to your TNG directory


Revision History

Version Release Date Contents
v11.0.0.0 7 March 2016 Updated by Ken Roy for TNG 11
v10.1.0.2 10 January 2014 Updated by Ken Roy for TNG 10.1 MySQLi changes and new Mod Manager Syntax rules
v9.0.3.1 2 July 2012 PHP short tags replaces by full tags
v9.0.3.0 29 June 2012 Initial config file release for TNG v9.0.3
Version Release Date Contents
v9.0.0.0 29 June 2012 Initial config file release for TNG v9.0.0 upto v9.0.2
v9.0.0.1 2 July 2012 PHP short tags replaces by full tags

Sites using this mod

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

URL User Note Mod-Version TNG-Version User-language
no public site Bart 'Roebie' Degryse Mod developer V9.0.3.0 TNG 9.0.3 NL/EN/ES/FR
Roger's Ramblings Roger Moffat Changed css for my colours and centred the table on the page V10.1.0.2 TNG 10.1.0 EN
Our Acadian, French-Canadian, and Maine Ancestors Ken Roy Tailored formatting for Template 4 11.0.0.0 11.0.0 EN/FR
R G Strong Family Genealogy Russell G. Strong V9.0.3.1 V9.0.4 EN/DE/FR/NL
Mitchell Families Online Roger Mitchell Formatted to suit my site V9.0.3.1 V10.0.0.0 EN
Roots & Relatives Remembered Ron Krzmarzick Fixed width style with slight color chg 11.0.0.0 11.0.0 EN