Difference between revisions of "Mobile Site Enhancements"

From TNG_Wiki
Jump to: navigation, search
(Text replacement - "{{CURRENTLOGGEDUSER}}" to "{{#replace:{{CURRENTLOGGEDUSER}}}}")
(Sites using this mod)
Line 204: Line 204:
| I developed this mod to make the Individual page display better on a smart phone.
| I developed this mod to make the Individual page display better on a smart phone.
| 11.0.0
| 11.1.0
| EN, FR
| EN, FR
Line 262: Line 262:
| 11.1
| 11.1
| EN
| EN
| [https://www.ourlife.us OurLife Family History - McMullen Clan]
| [[User:Seanst|Sean Thompson]]
| Not a public site.
| 11.1.0
| English

Revision as of 19:53, 16 April 2017

Restricted Downloads of Mobile Site Enhancements are restricted to logged in users. If you do not have a user account on the TNG Wiki use the Request Account link to request a user account Restricted

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 11.0
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 v11 and up for TNG V10.1.0 and up
Min TNG V 10.1.0
Max TNG V 11+
Files modified
admin_genconfig.php (
admin_updateconfig.php (
functions.php (
browsemedia.php (
headstones.php (
Related Mods
Responsive Tables (prior to TNG v11)
Life Dates Mobile
Mobile Media (prior to TNG v10.1.2)
Mobile Site No Previews (prior to TNG v10.1.2
Mobile Individual Page Map
Family Chart Mod mobile version (prior to TNG v11)
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 in TNG V10


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

With TNG V11, the following are now obsolete


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.

TNG version: 11.0.0
The Mobile Section in TNG V11 is now modified to offer choices for
  • where Site Name is displayed
    • In menu bar
    • Below menu bar
  • how the tabs are displayed
    • As a TNG pull down
    • As text only tabs (without icons)


This mod was developed by Ken Roy.


If you install the Add DNA Test Results mod you must install the Mobile Site Enhancements first
After you install the Add DNA Test Results mod, the Mobile Site Enhancements will show a Bad Target at line 383 in Mod Manager
Both mods are actually install and show work correctly.
Caution: Do NOT attempt to Clean Up the Partial Install condition
In standard, the preview is obtained by tapping on the thumbnail. Tapping again removes the preview.
With your Mobile Site Enhancements installed, the preview appears, but it cannot be removed by tapping again.

Revision History

Version Date Contents
v11.0.0.1 18 March 2016 Updated mod to resolve conflict with Erik Hoppe's Public Access Control mod which must be installed first
v11.0.0.0 15 March 2016 Updated mod for TNG V11 to use the Mobile Section in Admin > Setup > General Settings to set options

Includes class=thumbnail changes that were previously in the Responsive Tables mod that were not incorporated in TNG v11 implementation of Responsive Tables

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. 11.1.0 EN, FR
Familie van Seeventer Sandor van Seeventer Public site 11.0.1 DE, EN, NL
Wortelboer Genealogy Bernard Wortelboer 11.0.0 NL, EN
Chamberlain & Eidenbenz Genealogy Graham Chamberlain 11.0.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
Luithlenfamilie Ingo Wagner Not a Public site 11.1 DE, EN, NO, FR
Roots & Relatives Remembered Ron Krzmarzick Paritally Public 11.1 EN
OurLife Family History - McMullen Clan Sean Thompson Not a public site. 11.1.0 English

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

General Information

Mobile Mode Display

Tuning for Mobile Display

Formatting Tables for Mobile Display

Incorporated in to TNG 10.1

Mobile Media - adjusts the Image display when not using the Image Viewer and adjusts the Image Preview for smart phones and tablets was incorporated into TNG v10.1

Mobile Site No Previews - eliminates Person, and Family previews for smart phones was incorporated into TNG v10.1

Mobile Site No Slideshow - suppresses the Slide Show for smart phones and tablets was incorporated into TNG v10.1

Incorporated in to TNG 11

Responsive Tables - adjusts TNG table displays based on screen widths is incorporated into TNG v11

Mods that are applicable for TNG 11

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

Mobile Site Enhancements - several adjustments for smart phones and tablets

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

Responsive Tables in TNG v11