'''Experienced''', Administrateurs, sysops
3 269
modifications
Modifications
Display change
{{obsolete
{{obsolete
|ver = 13
|ver = 13
|notes = The <span style="color: red">'''[[Scrollbox mod]] is now obsolete with TNG v13'''</span> which made charts dragable.}}
|notes = The <span style="color: red">'''[[Scrollbox mod]] is obsolete with TNG v13'''</span> which made charts dragable.}}
{{restricted}}
{{restricted}}
{{TNGmod
{{TNGmod
| mod_name = Scrollbox mod
| mod_name = {{PAGENAME}}
| mod_summary = This mod creates a box adapted to the browser window, for ancestors and descendants tree diagrams, with scrollbars if nessecary to avoid scolling to the bottom of the <b><i>diagram</i></b> to find the horizontal scrollbar.
| mod_summary = This mod creates a box adapted to the browser window, for ancestors and descendants tree diagrams, with scrollbars if nessecary to avoid scolling to the bottom of the <b><i>diagram</i></b> to find the horizontal scrollbar.
| mod_validation = The mod is XHTML compliant.[[Image:Valid-xhtml10.png|44px]]
| mod_validation = The mod is XHTML compliant.[[Image:Valid-xhtml10.png|44px]]
| mod_last_update = 16 Dec 2018
| mod_last_update = 16 Dec 2018
| download_link = for {{Tv1203}}
| download_link = For{{Tv1203}}[https://xerxx.se/click3/click.php?id=46&user={{#replace:{{CURRENTLOGGEDUSER}}}}&page={{PAGENAMEE}} Scrollbox_v12.0.3.0.zip]<hr style="clear: both;"/>For{{Tv1201}}[https://xerxx.se/click3/click.php?id=45&user={{#replace:{{CURRENTLOGGEDUSER}}}}&page={{PAGENAMEE}} Scrollbox_v12.0.1.0.zip]<hr style="clear: both;"/>
[https://xerxx.se/click3/click.php?id=46&user={{#replace:{{CURRENTLOGGEDUSER}}}}&page={{PAGENAMEE}} Scrollbox_v12.0.3.0.zip]
For{{Tv120}}[https://xerxx.se/click3/click.php?id=44&user={{#replace:{{CURRENTLOGGEDUSER}}}}&page={{PAGENAMEE}} Scrollbox_mod_v12.0.0.1.zip]<hr style="clear: both;"/>
<hr/>
for {{Tv110}}[https://xerxx.se/click3/click.php?id=43&user={{#replace:{{CURRENTLOGGEDUSER}}}}&page={{PAGENAMEE}} Scrollbox_mod_v11.0.1.1.cfg.zip]<br/>[https://xerxx.se/click3/click.php?id=42&user={{#replace:{{CURRENTLOGGEDUSER}}}}&page={{PAGENAMEE}} Scrollbox_mod_v11.0.1.1.NT.cfg.zip]<hr style="clear: both;"/>For{{Tv1013}}
[https://xerxx.se/click3/click.php?id=41&user={{#replace:{{CURRENTLOGGEDUSER}}}}&page={{PAGENAMEE}} Scrollbox_mod_v10.1.3.0.cfg.zip]<br/>[https://xerxx.se/click3/click.php?id=40&user={{#replace:{{CURRENTLOGGEDUSER}}}}&page={{PAGENAMEE}} Scrollbox_mod_v10.1.3.0.NT.cfg.zip]
[https://xerxx.se/click3/click.php?id=45&user={{#replace:{{CURRENTLOGGEDUSER}}}}&page={{PAGENAMEE}} Scrollbox_v12.0.1.0.zip]
<hr/>
[https://xerxx.se/click3/click.php?id=44&user={{#replace:{{CURRENTLOGGEDUSER}}}}&page={{PAGENAMEE}} Scrollbox_mod_v12.0.0.1.zip]
<hr/>
for {{Tv110}}
[https://xerxx.se/click3/click.php?id=43&user={{#replace:{{CURRENTLOGGEDUSER}}}}&page={{PAGENAMEE}} Scrollbox_mod_v11.0.1.1.cfg.zip]<br/>
[https://xerxx.se/click3/click.php?id=42&user={{#replace:{{CURRENTLOGGEDUSER}}}}&page={{PAGENAMEE}} Scrollbox_mod_v11.0.1.1.NT.cfg.zip]
<hr/>
[https://xerxx.se/click3/click.php?id=41&user={{#replace:{{CURRENTLOGGEDUSER}}}}&page={{PAGENAMEE}} Scrollbox_mod_v10.1.3.0.cfg.zip]<br/>
[https://xerxx.se/click3/click.php?id=40&user={{#replace:{{CURRENTLOGGEDUSER}}}}&page={{PAGENAMEE}} Scrollbox_mod_v10.1.3.0.NT.cfg.zip]
| download_stats = [https://xerxx.se/click3/index.php?action=stats&groupid=17 Click here for stats]
| download_stats = [https://xerxx.se/click3/index.php?action=stats&groupid=17 Click here for stats]
| mod_author = [[User:XerxX|Erik Hoppe]]
| mod_author = [[User:XerxX|Erik Hoppe]]
| mod_url = [[Scrollbox mod]] (this page)
| mod_url = '''{{PAGENAME}}''' (This page)
| mod_support = [https://tng.community/index.php?/forums/forum/21-addons/ TNG Community Forums: TNG Specific - Code Discussion - Addons]
| mod_support = [https://tng.community/index.php?/forums/forum/21-addons/ TNG Community Forums]
| mod_contact =
| mod_contact = [https://tng.community/index.php?/forums/forum/21-addons/ TNG Community Forums]
| mod_version = 10.1.3.0 or 10.1.3.0.NT for TNG v10.1.3<br/>11.0.1.1 or 11.0.1.1.NT for TNG v11.0.1<br/>12.0.0.1 for TNG v12.0 (No Cust Templ)<br/>12.0.1.0 for TNG v12.0.1 and 12.0.2 (No Cust Templ)<br/>12.0.3.0 for TNG v12.0.3 (No Cust Templ)
| mod_version = 10.1.3.0 or 10.1.3.0.NT for TNG v10.1.3<br/>11.0.1.1 or 11.0.1.1.NT for TNG v11.0.1<br/>12.0.0.1 for TNG v12.0 (No Cust Templ)<br/>12.0.1.0 for TNG v12.0.1 and 12.0.2 (No Cust Templ)<br/>12.0.3.0 for TNG v12.0.3 (No Cust Templ)
| min_TNG_ver = 10.1.3 (Tested so far)
| min_TNG_ver = 10.1.3 (Tested so far)
| max_TNG_ver = 12.0.3 (Tested in TNG v12.0 - '''No''' ''CT'' or ''NT'')
| max_TNG_ver = 12.0.3 (Tested in TNG v12.0 - '''No''' ''CT'' or ''NT'')
| TNG_file_list = See [[Scrollbox_mod#TNG_Modules_Impacted|TNG Modules Impacted]]
| TNG_file_list = customconfig.php (only vers '''.NT''')<br />descend.php<br />desctracker.php<br />fan.php<br />pedigree.php<br />pedigreetext.php<br />templateconfig.php (not vers '''.NT''' or '''v12.x''')<br />verticalchart.php<br />js/tngpedigree.js<br />xerxxFamilyMaternalLine.php - if present<br />xerxxFamilyPaternalLine.php - if present<br />xerxxIndividMaternalLine.php - if present<br />xerxxIndividPaternalLine.php - if present<br />languages/English/cust_text.php<br />languages/English-UTF8/cust_text.php<br />languages/French/cust_text.php<br />languages/French-UTF8/cust_text.php<br />languages/Swedish/cust_text.php<br />languages/Swedish-UTF8/cust_text.php
| related_mods =
| notes = Author of '''[https://xerxx.se/tcb TNG Colouring Book]'''<br/>Mods by me: [[User:XerxX|At my user page]].
| notes = Author of '''[https://xerxx.se/tcb TNG Colouring Book]'''<br/>Mods by me: [[User:XerxX|At my user page]].
}}
}}{| style="margin-right:0.5 em;" align="right"
{| style="margin-right:0.5 em;" align="right"
| __TOC__
| __TOC__
|}
|}
== Purpose of the mod ==
== Purpose of the mod ==
'''''This was a request from several of my users.'''''<br/><br/>
'''''This was a request from several of my users.'''''<br/><br/>
There are two versions for '''TNG v10 - 11''':
There are two versions for '''TNG v10 - 11''':
If you like to change the browser size to see what happens with the lay-out f.ex, '''you have to re-load the page''' as the box does not dynamically adjust to that.
If you like to change the browser size to see what happens with the lay-out f.ex, '''you have to re-load the page''' as the box does not dynamically adjust to that.
== Developer ==
This mod was developed by Erik Hoppe who is '''''<span style="color: red">NOT maintaining or developing</span>''''' this mod.<br/>See '''Mod Support''' in the data box top right.<br/>
(A list of all my mods is found at [[User:XerxX|my user page]])
== Mobile / Tablet mode ==
== Mobile / Tablet mode ==
When TNG detects anything but a ''Standard mode'' (i.e. it's displayed on a phone or a tablet) the '''TNG code is not modified''' at all.<br/>
When TNG detects anything but a ''Standard mode'' (i.e. it's displayed on a phone or a tablet) the '''TNG code is not modified''' at all.<br/>
The HTML source code that's generated is the TNG original so there is no mod in those cases. So there is no box.
The HTML source code that's generated is the TNG original so there is no mod in those cases. So there is no box.
== Descendtree Counter mod ==
== Descendtree Counter mod ==
If you use my [[Descendtree Counter mod]], the ''Scrollbox mod'' will automatically reserve space for the text.<br/>
If you use my [[Descendtree Counter mod]], the ''Scrollbox mod'' will automatically reserve space for the text.<br/>
There are no requirements for the order to install or uninstall the mods.
There are no requirements for the order to install or uninstall the mods.
== Template #15 (TNG v11 and above) ==
== Template #15 (TNG v11 and above) ==
This is annoying but is not caused by the ''Scrollbox mod''. The mod reserves the space for that scrollbar when it's visible.<br/>
This is annoying but is not caused by the ''Scrollbox mod''. The mod reserves the space for that scrollbar when it's visible.<br/>
Also: This template doesn't scroll to show the Footer as it's way too high.
Also: This template doesn't scroll to show the Footer as it's way too high.
== Mod Conflicts ==
== Mod Conflicts ==
<i><u>The below is added to all involved mods:</u></i><br/>
<i><u>The below is added to all involved mods:</u></i><br/>
Of <big><b>my mods</b></big>, some demand a special order to Install and Uninstall. This is one of them.<br/>
Of <big><b>my mods</b></big>, some demand a special order to Install and Uninstall. This is one of them.<br/>
Now you can install all three mods in the Install order:<br/>
Now you can install all three mods in the Install order:<br/>
First you Install ''[[Maternal And Paternal Lines|Maternal And Paternal Lines]]'', second the ''Scrollbox'' mod and finally ''[[Fixed Family Tab|Fixed Family Tab]]''.
First you Install ''[[Maternal And Paternal Lines|Maternal And Paternal Lines]]'', second the ''Scrollbox'' mod and finally ''[[Fixed Family Tab|Fixed Family Tab]]''.
== Requirements ==
== Requirements ==
{{TNG 10.1.3|and after}}
{{TNG 10.1.3|and after}}
* A backup of all affected files (see the list below)
* A backup of all affected files (see the list below)
* An installed current version of the [[Mod Manager]] (is already included in TNG v10.x)
* An installed current version of the [[Mod Manager]] (is already included in TNG v10.x)
== Upgrade to v12 for TNG v12 ==
== Upgrade to v12 for TNG v12 ==
* Note your edited values in Template Settings before you restore them.
* Note your edited values in Template Settings before you restore them.
* Read below about UN-installing the mod.
* Read below about UN-installing the mod.
* Install and "Create Scrollbox Template Database Settings" (read below).
* Install and "Create Scrollbox Template Database Settings" (read below).
* Edit your values in Template Settings as you noted them, and Save.
* Edit your values in Template Settings as you noted them, and Save.
== Before installation ==
== Before installation ==
Select the correct version for your purposes:
Select the correct version for your purposes:
* Use '''.NT''' if you use '''''N'''''o '''''T'''''emplate. (Only for '''v10.x and v11.x''')
* Use '''.NT''' if you use '''''N'''''o '''''T'''''emplate. (Only for '''v10.x and v11.x''')
* Otherwise use the version '''without .NT''' (For all versions: v10.x, 11.x and 12.x)
* Otherwise use the version '''without .NT''' (For all versions: v10.x, 11.x and 12.x)
* Read below about UN-installing the mod.
* Read below about UN-installing the mod.
== Installation ==
== Installation ==
# Click on the download link for your preferred version, shown in the summary in the upper right corner of the page.
# Click on the download link for your preferred version, shown in the summary in the upper right corner of the page.
# Un-zip the downloaded file.
# Un-zip the downloaded file.
# Follow the normal automated installation for Mod Manager, as shown in the example [[Mod_Manager_-_Installing_Config_Files]] to install the mod.
# Follow the normal automated installation for Mod Manager, as shown in the example [[Mod_Manager_-_Installing_Config_Files]] to install the mod.
# (Only '''v12.x''' for TNG v12) Click the button "'''Create Scrollbox Template Database Settings'''" to add all values to the database.
# (Only '''v12.x''' for TNG v12) Click the button "'''Create Scrollbox Template Database Settings'''" to add all values to the database.
== In the event of a problem ==
== In the event of a problem ==
* Try using the [[Mod_Manager_-_Installing_Config_Files#Remove_Mod_Steps|Mod Manager Remove]] capability.
* Copy the backup of the affected files back to your TNG directory.
* Retry installing mod.
* Contact us through the [https://tng.community/index.php?/forums/forum/21-addons/ TNG Community Forums].
== After installation ==
== After installation ==
<span style="color: Red">'''Important note to ''Custom Template'' users:'''</span><br/>The install is not complete unless you enter the number/name of your template folder(s) in the '''Mod Manager Edit Options'''.<br/>(No default value in these versions!)
<span style="color: Red">'''Important note to ''Custom Template'' users:'''</span><br/>The install is not complete unless you enter the number/name of your template folder(s) in the '''Mod Manager Edit Options'''.<br/>(No default value in these versions!)
== Edit parameters ==
== Edit parameters ==
Three parameters can be edited to allow for the box to adapt to your template modifications or desires.<span style="color:red;">'''*'''</span><br>
Three parameters can be edited to allow for the box to adapt to your template modifications or desires.<span style="color:red;">'''*'''</span><br>
* The amount of space below the Horizontal scrollbar.
* The amount of space below the Horizontal scrollbar.
<span style="color:red;">'''*'''</span>) Some settings may not work in some '''''C'''''ustom '''''T'''''emplates.<br/>
<span style="color:red;">'''*'''</span>) Some settings may not work in some '''''C'''''ustom '''''T'''''emplates.<br/>
<span style="color:red;">'''**'''</span>) Template #5: Depending on outer margins and browser window width, may also affect page width.
<span style="color:red;">'''**'''</span>) Template #5: Depending on outer margins and browser window width, may also affect page width.
== Template default values ==
== Template default values ==
These values are also found in your ''Template settings'' (v10.x and v11.x).
These values are also found in your ''Template settings'' (v10.x and v11.x).
<p>
<p>
<span style="color:red;">'''*'''</span>) Template #5: Depending on outer margins and browser window width, may affect page width.
<span style="color:red;">'''*'''</span>) Template #5: Depending on outer margins and browser window width, may affect page width.
== Custom Text Additions ==
== Custom Text Additions ==
The config file includes the English language custom text.<br />There are Swedish and French translations if present in your TNG system.<br/>For other languages you can modify the config file to add the custom text or manually add to whatever language you like.<br/>
The config file includes the English language custom text.<br />There are Swedish and French translations if present in your TNG system.<br/>For other languages you can modify the config file to add the custom text or manually add to whatever language you like.<br/>
# (v12.x only) Click the '''Remove Scrollbox Template Database Settings''' and wait for confirmation
# (v12.x only) Click the '''Remove Scrollbox Template Database Settings''' and wait for confirmation
# Click the '''Delete''' button to delete the config file from the mods folder
# Click the '''Delete''' button to delete the config file from the mods folder
== Revision History ==
== Revision History ==
{| border="1" cellspacing="5" cellpadding="2" width="100%" class="wikitable"
{| border="1" cellspacing="5" cellpadding="2" width="100%" class="wikitable"
|-
|-
| Introduction.<br/>Six versions made: For Standard (and customized), Custom and No templates.<br/>Looking for beta testers...
| Introduction.<br/>Six versions made: For Standard (and customized), Custom and No templates.<br/>Looking for beta testers...
|}
|}
== Visualization of this mod ==
== Visualization of this mod ==
The page in these screenshots: '''[https://xerxx.se/pedigree.php?personID=I2&tree=tredNr2&parentset=0&display=standard&generations=8 xerxx.se - Andersson, Hoppe, Sahlin, Thorell]'''<br/>The size of this browser window is approximately 1200 x 900 pixels.<br/><br/>
The page in these screenshots: '''[https://xerxx.se/pedigree.php?personID=I2&tree=tredNr2&parentset=0&display=standard&generations=8 xerxx.se - Andersson, Hoppe, Sahlin, Thorell]'''<br/>The size of this browser window is approximately 1200 x 900 pixels.<br/><br/>
'''''NOTE!'' The mod now lets the TABS VISIBLE''' when scrolled to the bottom. Not so in these screenshots.
'''''NOTE!'' The mod now lets the TABS VISIBLE''' when scrolled to the bottom. Not so in these screenshots.
| [[File:scrollboxB1.png]]
| [[File:scrollboxB1.png]]
|}
|}
== Sites using this mod ==
== Sites using this mod ==
If you download and install this mod, please add your TNG site to the table below:
<p>
<p>
Regarding the '''Swedish-Only''' site below: Using the Google setting ''"English language"'' and then google for the site, I get a '''''"Translate this page"''''' beside the link. If I use it I get a quite decent translation...
Regarding the '''Swedish-Only''' site below: Using the Google setting ''"English language"'' and then google for the site, I get a '''''"Translate this page"''''' beside the link. If I use it I get a quite decent translation...
</p>
</p>
{| border="0" cellspacing="1" cellpadding="2" class="wikitable"
{| border="0" cellspacing="1" cellpadding="2" class="wikitable" width="100%"
|-
|-
! URL
! URL
| 11.1.2
| 11.1.2
| SE, EN, FI
| SE, EN, FI
|}
|}
[[Category:Mods for TNG v12]]
[[Category:Mods for TNG v11]]
[[Category:Mods for TNG v10]]
[[Category:Mods for TNG v10]]
[[Category:customconfig.php mods]]
[[Category:descend.php mods]]
[[Category:descend.php mods]]
[[Category:desctracker.php mods]]
[[Category:desctracker.php mods]]
[[Category:fan.php mods]]
[[Category:pedigree.php mods]]
[[Category:pedigree.php mods]]
[[Category:pedigreetext.php mods]]
[[Category:pedigreetext.php mods]]
[[Category:verticalchart.php mods]]
[[Category:verticalchart.php mods]]
[[Category:tngpedigree.js mods]]
[[Category:tngpedigree.js mods]]
[[Category:Cust text.php English mods]]
[[Category:Cust text.php French mods]]
[[Category:Cust text.php Swedish mods]]