Mobile Site Enhancements

From TNG_Wiki
Revision as of 16:56, 22 April 2015 by KenRoy (talk | contribs) (new mod for mobile display)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search
Ambox notice.png This mod only applies to TNG v10.1 and up. You will also want to install:
TNG 10.1.0

Mobile Site Enhancements
Summary provides enhancements to TNG when in mobile or tablet mode
Mod Updated {{{mod_last_update}}}
Download link for
TNG 10.1.0
for Family Chart mod tab
Download stats View download statistics
Author(s) Ken Roy
Homepage Mobile Site Enhancements (This page)
Mod Support TNG Forums
Contact Developer Ken Roy
Latest Mod for TNG V10.1.0 and up
Min TNG V 10.1.0
Max TNG V 10.1.1
Files modified
Related Mods


This mod provides enhancements to TNG when in mobile mode, such as

  • not adding the Site Name to the page title
to make it easier for Shortcut Saving
  • reducing the margins and padding
  • reducing the header bar height to half its size
  • moves the site title to the menu bar
  • adjusting the sprites and displacement made accordingly
  • reducing the Admin icons to half their size when in mobile mode
  • adjusting the getperson page left column to a smaller width
  • adjusting the left nav area for template 4 to a smaller width
  • display text for the tabs on the smart phones rather than icons

If you are using the Family Chart Mod, you also need to install the mobile enhancements for the Family Chart mod since it uses its own tab building function.

Note that the some of the changes in this mod were moved to other mods


Before installing the Mobile Site Enhancements mod, the following items take up value real estate on smart phones:

  • - menu bar
  • - site title
  • - default person image

The tab icons are also very cryptic as icons only

After installing the Mobile Site Enhancements mod, the following items free up value real estate on smart phones:

  • - menu bar
  • - site title
  • - default person image

allowing more lines of data to be displayed

The tab as text can now be understood.


This mod was developed by Ken Roy.

Revision History

Version Date Contents
v10.1.0.2 22 April 2015 Initial production release of the mod using the medium size sprite (60% of the original TNG sprite) instead of 50%

See Mobile Site Enhancements beta for Revision History during beta testing.


  • a working TNG installation
  • an installed current version of the Mod Manager
  • a backup of the files shown in TNG file list
  • use of the Header Title 1 from the Template Settings is used for the mobile menu bar title
unless not using a template in which case the Site Name in General Settings is used

Automated Installation

  1. Download the appropriate mod for your TNG version and desktop genealogy program from the download links in the status area in the upper right.
  2. Extract the appropriate zip file to your TNG mods folder.
  3. Follow the normal automated installation for Mod Manager, as shown in the example Mod Manager - Installing Config Files to install the appropriate mod for your desktop genealogy program.


The following screen captures show some of the changes made by the mod

Individual Page Before Installation Individual Page After Installation
Individual Page before Individual Page after
Mod Manager Before Installation Mod Manager After Installation
Mod Manager Before Mod Manager After

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
Our Roy and Boucher Family Ken Roy I developed this mod to make the Individual page display better on a smart phone. 10.1.0 EN, FR

Reported Issues

See Mobile Site Enhancements beta for issues resolved during beta testing.

Related Links

Life Dates Mobile - adjusts the date displays for smart phones and tablets as an alternative to Life Dates Mod which always puts the birth and death dates on separate lines

Mobile Mode Display

Mobile Media - adjusts the Image display when not using the Image Viewer, suppresses the Slide Show on Show Media for smart phones and adjusts the Slide Show on tablets

Mobile Individual Page Map - adjusts the Google Event Map on smart phones and tablets

Mobile Site Enhancements - several adjustments for smart phones and tablets

Mobile Site No Previews - eliminates Image, Person, and Family previews for smart phones

Responsive Tables -adjusts TNG table displays based on screen widths