ScrollPage Mod for TNG

Posts: 80
Joined: Sun Oct 01, 2017 3:08 pm

ScrollPage Mod for TNG

Post by Steve »

Scroll long pages using four translucent buttons that scroll to the top, up, down or bottom of a page. The ScrollPage Mod uses smooth scrolling compatible with Chrome, Edge, Firefox, IE, Opera and Safari. Hovering changes the button color and a tool tip appears as shown below.
Tool tips can be disabled in the option menu as shown below. You can also view and use the scroll buttons here.
The mod adds custom colors and positions for all standard templates. If you do not specify a template, the default color scheme will be grey and will appear in the bottom right position. If you use a custom template refer to the scrollpage-info.css file included in the scrollpage folder. The file shows a few classes and code to customize the buttons on your website.

The mod adds one line in genlib.php and creates two script files. The remaining changes are to genstyle.css, the css files for each template, and the language files. If you want to move or change the button color, refer to scrollpage-info.css in the scroll page folder and add the code for whatever you want to change to mytngstyle.css for the template you are using.

To install the mod, unzip the files to the TNG mods folder. Log in to TNG and go to Administration -> Mod Manager. If MOD manager says Ok to Install, select the scrollpage mod line and then Install. If MOD manager says Cannot Install there is either a conflict with another MOD or missing code. You can either correct the problem or delete the mod.

Refresh the page after installing to load the new button classes. To uninstall the mod select uninstall and then delete. If you delete the mod, remember to delete the scrollpage folder as well.

The updated versions below use SVG graphic files because rotated ASCII characters did not position correctly on some browsers.

Download for TNG Version 12.0.1

Download for TNG Version 12.1.0 (Uses TNG's new anchors in templatestyle.css files for templates 9 through 18)
Last update 4/13/19

Download for TNG Version 12.1.0
This version has an option to hide scroll buttons until the page scrolls down. If the page is scrolled to the top the buttons are hidden again.
Bug fixes:
Fixed a css error for some templates that were missed in v12.1.0.3.
Created 9/3/19

You do not have the required permissions to view the files attached to this post.
Last edited by Steve on Sat Apr 13, 2019 9:08 pm, edited 1 time in total.

Last bumped by Steve on Sat Aug 03, 2019 7:21 pm.