Mobile Site Enhancements

From TNG_Wiki
Jump to navigation Jump to search
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.
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
Caution If you have trouble downloading with Google Chrome, Vivaldi, Brave or other Chromium based browser, try using a right-click and select Open in new Window, then F5, or use another browser such as Firefox


Caution


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
Validation
Mod Updated 1 May 2018
Download link
[Show older versions]

for
TNG 10.1.0
mobile_site_v10.1.0.3.zip
for the Family tab, you need v10.0.3b of Family Chart Mod
[Hide old versions]

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 12.0.0.3 for TNG v12 and up
11.1.1.2 for TNG v11.1.1 and up
11.0.0.1 for TNG v11 and up
10.1.2.4b for TNG V10.1.0 and up
Min TNG V 10.1.0
Max TNG V 12+
Files modified
admin_genconfig.php (11.0.0.0)
admin_updateconfig.php (11.0.0.0)
functions.php (11.0.0.0)
browsemedia.php (11.0.0.0)
headstones.php (11.0.0.0)
genlib.php
globallib.php
getperson.php
personlib.php
adminlib.php
css/tngmobile.css
css/genstyle.css
template4/css/templatestyle.css
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)
Notes
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



Introduction

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

Advantages

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)

Developer

This mod was developed by Ken Roy.


Conflicts

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
v12.0.0.3 1 May 2018 Updated mod for code change in TNG 12
v11.1.1.2 1 May 2017 Updated mod for code change in TNG 11.1.1 Note that the conflict with the Add DNA Test Results mod which must be installed after this mod cannot be resolved. Installation note added in mod description section. Note if using PHP 7.1.1 an update to classes\modinstaller.class.php is required.
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.

Requirements

  • 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.


Visualization

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. 12.0.0.3 12.0.0 EN, FR
Familie van Seeventer Sandor van Seeventer Public site 12.0.0.3 12.0.1 beta 2 DE, EN, NL
Wortelboer Genealogy Bernard Wortelboer 11.0.0.1 11.0.0 NL, EN
Chamberlain & Eidenbenz Genealogy Graham Chamberlain 12.0.0.3 12.0.1 EN,NL,FR,DE,ES
Our Family Saga Del Groves 10.1.0.3 10.1.1 EN
Kemp(e) Family History Andrew Kemp see User:Kempons see User:Kempons EN
Andersson - Hoppe - Sahlin - Thorell Erik Hoppe Public / Private 11.1.1.2 11.1.2 SE, EN, DE
Luithlenfamilie Ingo Wagner Not a Public site 11.1.1.2 11.1.2 DE, EN, NO, FR
Roots & Relatives Remembered Ron Krzmarzick Public & Private 12.0.0.3 See Here EN,DE,CS,ES
OurLife Family History - McMullen Clan Sean Thompson Not a public site. 11.0.0.1 11.1.0 English
Familles GINTER et WERSANT Jean-Pierre Ginter Not a public site. 11.1.1.2 11.1.1 English, French, German
Ancestry of the Brown Family Misty Bearman 11.0.0.1 11.1.0 English
DuPree Family Center Andrew DuPree 11.1.1.2 11.1.1 English
Wilton, Brimson, Munro and Forward Families Sharon Lewis 11.0.0.1 11.1.0 English
Drzewo Genealogiczne Rodziny Pepel Klemens Pepel Not a public site 11.1.1.2 11.1.1 English
OurRoots&Relatives - genealogy pages of Anne Hegland and Kåre Kjøllesdal Kåre Kjøllesdal Not a public site 11.1.1.2 11.1.1 Norwegian
Wakefield Ancestry William Wakefield Not a public site 11.1.1.2 11.1.1 English
Rintoul/Bowman Family Andrew Rintoul Public/Private 12.0.0.3 12.0 EN, DE, ES, FR
My Immigrant Ancestors Jim Larson Public/Private 11.0.0.1 11.1.1 Norwegian, English
Bastiaanssen Genealogy Jan Bastiaanssen Public/Private 11.0.0.1 11.1.1 Dutch, English, Portuguese, Spanish
Cole / Tanner Family Tree David Cole Public/Private see here see here English
Martius Family Hendrik Martius Half public 12.0.0.3 12.0.1 DE, EN, FR, NL
Racine d'Alsace J-Louis Valory Public/Private - T17 customized 12.0.0.3 12.0.2 FR
Barta-Joggele Online aus Mauren, Liechtenstein Gerald Meier Private 12.0.0.3 12.0.2 DE, EN, FR, ES, PT

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