Scroll Mod

From TNG_Wiki
Jump to navigation Jump to search
Restricted Downloads of Scroll Mod 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
Scroll Mod
Summary Scrolls pages vertically and horizontally.
Validation Latest mod is XHTML compliant.Valid-xhtml10.png
Mod Updated 05 Feb 2025
Download link For
TNG 15.0


Scroll Mod v15.0.0.1

TNG 14.0
TNG 13.0

Scroll Mod v13.0.3.11
Download stats Downloads Stats
Author(s) Steven Davis
Homepage Scroll Mod (This page)
Mod Support TNG Community Forums
Contact Developer Steven Davis
Latest Mod 15.0.0.1
Min TNG V 13.0
Max TNG V 15.0.0
Files modified
genlib.php
css/genstyle.css
Related Mods
Notes
Updated for V15- Mod was written for v14 but the latest update is compatible with v13 so the mod was renumbered.

Introduction

This mod was developed to scroll overflowing content.
Thanks to John Mark Motyer and Rob Severijns for testing

Developer

Developed by Steven Davis.

Advantages

Places between two and eight scroll buttons at the lower right side of the display.
The number of buttons displayed is dependent on the amount and direction of overflow, no overflow no buttons.
Scroll to the top, up, left, left edge, right, right edge, down or bottom of a page or chart.
Scrolls Ahnentafel, Register and historytemplate.php pages as well as charts that overflow.
Use mod options to adjust the scroll distance horizontally and vertically.
Scroll mod buttons appear on any overflowing pages showing the TNG footer.
Dcroll container position is set in mod options instead of using CSS.
Hides the scroll to top button when scroll buttons are displayed.
Buttons do not appear on mobile devices.
Includes a scroll-config.php file to hide or show buttons on files listed in the arrays.
Includes examples in scrollpage-info.css file to customize button appearance using mytngstyle.css.

Requirements

  • A working TNG installation.
  • A backup of all affected files (see the list in the summary to the right)
  • An installed current version of the Mod Manager.
  • Refresh the page to reload the CSS files after installation.
  • Templates 2, 4, 5, 6, or 7, cannot be scrolled horizontally unless the Templates 24567 Mod is installed.
 (Template 4 has been modified in TNG v14.0.4 and does not require the template mod)

Revision History

Mod Version TNG Version Date Contents
15.0.0.1 15.0.0 05 Feb 2025 Updated for v15
13.0.3.11 13.0.3
14.0.6
05 Feb 2025 Scroll container position is set in mod options instead of adding code to mytemplatestyle.css.
The scroll container can be positioned relative to page content or display screen.
13.0.3.10 13.0.3
14.0+
06 Jan 2025 Scroll script loads from the footer to improve page loading.
13.0.3.8 13.0.3
14.0+
24 Jul 2024 Refactored php code, fixed a couple of js variables and deleted some unnecessary queries.
Changed anchor due to mod conflict.
13.0.3.6b 13.0.3
14.0+
08 Jun 2024 Option menu displayed incorrect value for 2 settings
13.0.3.6a 13.0.3
14.0+
02 Apr 2024 Minor script changes
13.0.3.6 13.0.3
14.0+
31 Mar 2024 Renumbered mod to follow mod numbering guidelines
14.0.3.6a 14.0+ 30 Mar 2024 Resolved conflict with Switch Mobile or Standard mod.
14.0.3.6 14.0+ 29 Mar 2024 Resolved duplicates and buttons not appearing on some templates.
14.0.3.5d 14.0+ 22 Mar 2024 Changed anchor point to avoid buttons loading twice in some templates.
14.0.3.5c 14.0+ 17 Mar 2024 Removed some queries and variables that were not needed.

The scrollconfig.php file is protected so changes are retained during upgrades.

14.0.3.5a 14.0+ 10 Mar 2024 Added option to only scroll charts
Number of buttons displayed depends on the amount of overflow
Added scrolling to left and right edges
Removed white space at the top of GWT and some TNG templates
Scroll distance is calculated from either page or display width depending on the template
14.0.3.4 14.0+ 26 Feb 2024 Rewrote mod to improve compatibility. Separated core scripts from PHP code
14.0.3.3 14.0+ 09 Jan 2024 Multiple test versions with various codes not released to public
14.0.3.2a 14.0+ 09 Dec 2023 Removed redundant css and php code
14.0.3.2 14.0+ 18 Nov 2023 Update to add horizontal scrolling
12.3.0.3 12.3+ 11 Oct 2023 First released version

Conflicts and Issues

No known conflicts.
Scroll mod moves content using absolute XY div coordinates.The drag feature moves page content using CSS translate.
If content is "dragged" out of view with CSS, scroll buttons cannot move it back into view using scroll coordinates.
If this occurs, use the 1:1 magnifier icon to move the content back to the original position.

Installation

  1. Uninstall and delete previous version of this mod (if installed)
  2. Download the appropriate zip file as shown in the mod summary in the upper right corner of the page.
  3. Extract the file and folder from the downloaded zip file into the mods folder or FTP the extracted file and folder to your mods folder.
  4. Follow the normal automated installation for Mod Manager, as shown in the example Mod Manager - Installing Config Files to install the mod.

In the event of a problem

  • Try using the Mod Manager Remove capability.
  • Copy the backup of the affected files back to your TNG directory.
  • Retry installing mod.
  • If you edit the scrollconfig.php file, and make a syntax mistake in the array, TNG will not load. Delete the scrollconfig.php file, uninstall the mod and then reinstall.
  • Contact us through the TNG Community Forums.

Uninstalling the mod

If you want to completely Remove (uninstall) this mod, you should

  1. click the Uninstall button to uninstall the mod then select delete.
  2. If the delete option is not enabled as shown in Mod Manager Enhancements TNG v12, manually delete the scroll mod folder from the mod folder.
  3. Manually delete the scrollconfig.php file from the TNG folder.

Upgrade

  • Uninstall and eventually Delete the current Mod.
  • The scrollconfig.php file is protected to preserve any edits. It will remain when the mod is deleted.
  • Proceed as for an installation with the new Mod.

Modmanager Edit options

  • Adjust Vertical Scroll Distance (Number represents percent of the page or client display height)
  • Adjust Horizontal Scroll Distance (Number represents percent of the page or client display width)
  • Scroll charts and Select Pages (Scroll pages depending on active files in the scrollconfig.php file)
  • Hide buttons on the homepage

Visualization

The following screen captures show the changes made by the mod:

When the mod is first installed, refresh the page to reload the style sheets.
Scroll buttons appear at the lower right but can be moved using css.

VERTICAL OVERFLOW
Scrollmod1a.jpg

HORIZONTAL AND VERTICAL OVERFLOW
Vertical Overflow

EXTENDED HORIZONTAL AND VERTICAL OVERFLOW
Vertical Overflow

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
Family Histories Steven Davis Mod developer 13.0.3.11
TNG 14.0.6
EN
Treichel-Familie.de Andreas Treichel Public & Private 15.0.0.1
TNG 15.0
DE,EN,FR,ES,PL
MOTYER Family Genealogy John Mark Motyer Public site See here See here EN
Auf den Spuren meiner Ahnen Michael Klein Public/Private site 13.0.3.6b
TNG 14.0.5
EN,DE,NL,ES,FR
Our Roy and Boucher Family Ken Roy Thanks for useful mod on non-touch screen computers 14.0.3.5d
TNG 14.0.4
EN, FR
stone/mott genealogy Albert Stone Private site -- and thanks for the mod! 14.0.3.4
TNG 14.0.4
EN
Stammbaum der Familie Datschetzky Christian Datschetzky Public 14.0.3.2a 14.0.3 DE,EN
The Severijns / Timmer Familytree Rob Severijns Public / Private See here See here NL,EN
Roots & Relatives Remembered Ron Krzmarzick Public & Private, Very cool mod See here See here EN,DE,CS
Racine d'Alsace J-Louis Valory Public (registration) 14.0.3.5a 14.0.4 FR
Familjen Johnson Leif Johnson Public See here See here SE, EN
Vår familjehistoria Lars Arén Public/Private 15.0.0.1 15.0 SE, EN, DE