Difference between revisions of "Mobile Site Enhancements"

From TNG_Wiki
Jump to: navigation, search
(Sites using this mod)
Line 183: Line 183:
| [[User:see7ter|Sandor van Seeventer]]
| [[User:see7ter|Sandor van Seeventer]]
| Public site
| Public site
| 10.1.1
| 10.1.3
| DE, EN, NL
| DE, EN, NL

Revision as of 22:52, 7 November 2015

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.2
TNG 10.1.0
for the Family tab, you need v10.0.3b of Family Chart Mod
Download stats View download statistics
Author(s) Ken Roy
Homepage Mobile Site Enhancements (This page)
Mod Support TNG Community 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.2
Files modified
Related Mods
If you use the Family Chart Mod, you will need the mobile version of that mod to change the icon tab into a text tab


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 Mobile Site Enhancements - Family Chart will cause the Family Chart Mod to be marked partially installed because the icon tab on smart phones is changed to a text tab and has been withdrawn since it causes users to attempt a Clean up of the Family Chart Mod

Note that the some of the changes originally in this mod were moved to other mods during beta testing


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.2.4b 24 September 2015 Updated mod to use $sitename if the template does not have a maintitle, like Template 8. Provided by Bryan Larson
v10.1.2.4a 30 July 2015 Updated mod to prevent printing <title> twice. Provided by Roger Moffat
v10.1.2.4 6 July 2015 Updated mod for TNG 10.1.2
v10.1.0.3 14 June 2015 Updated mod to
  • add changes to genlib.php that will be in the next TNG upgrade after TNG 10.1.1
  • relocate the code that creates the mobile site title so that it comes before the call to the tng_mobileicons function to avoid a blank site name
v10.1.0.2a 28 April 2015 Updated mod to fix the thumbnails display on the Individual getperson.php page by
  • adding the genstyle.css for .thumbnails and .eventdatecol which are in the Responsive Tables mod to allow this mod to be installed without having to install the responsive tables
  • modified another location in personlib.php for media linked to events to use the new external css classes
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
  • if using the Family Chart Mod, then you should
    • uninstall that mod
    • install the Family Chart Mobile Mod. If the mobile version is not posted contact the Family Chart Mod developer

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
Familie van Seeventer Sandor van Seeventer Public site 10.1.3 DE, EN, NL
Wortelboer Genealogy Bernard Wortelboer 10.1.2 NL, EN
Chamberlain & Eidenbenz Genealogy Graham Chamberlain 10.1.1 EN,NL,FR,DE,ES
Our Family Saga Del Groves 10.1.1 EN
Kemp(e) Family History Andrew Kemp see User:Kempons see User:Kempons EN
Andersson - Hoppe - Sahlin - Thorell Erik Hoppe 10.1.2 SE, EN, DE

Reported Issues

Issue Reported By Mod Version Problem Description Comments Resolved
Tabs are not readable Sandor van Seeventer V10.1.0.2 But the tekst in the tabs with an individual is not readable/scrambled (via tablet) Go to Admin > Setup > General Settings > Site Design and change the Tabs Style Sheet: to use tngtabs2.css

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