Mobile Site Enhancements

From TNG_Wiki
Revision as of 11:54, 30 May 2015 by JMM (talk | contribs) (Sites using this mod)

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
Validation
Mod Updated {{{mod_last_update}}}
Download link for
TNG 10.1.0
mobile_site_v10.1.0.2a.zip
for Family Chart mod tab mobile_site_fcm_v10.1.0.2.zip
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 10.1.0.2a for TNG V10.1.0 and up
Min TNG V 10.1.0
Max TNG V 10.1.1
Files modified
genlib.php
adminlib.php
css/tngmobile.css
css/genstyle.css
template4/css/templatestyle.css
Related Mods
Notes



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

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

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.

Developer

This mod was developed by Ken Roy.


Revision History

Version Date Contents
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

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. 10.1.0.2a 10.1.0 EN, FR
MOTYER Family Genealogy John Mark Motyer Public site see here see here EN, DE, RU
Familie van Seeventer Sandor van Seeventer Public site 10.1.0.2 10.1.1 DE, EN, NL
Wortelboer Genealogy Bernard Wortelboer 10.1.0.2a 10.1.1 NL, EN

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