Thread navigation with messages listing

#1 - Posted Sat Jan 29, 2022 6:13 pm

Niko

Forum Administrator

Team contributor
You have been part of the community team

Community veteran
You belong to this community since its ancient time

Active Contributor
The user has wrote more than 100 posts and comments

Passioned user
You have participated in 50+ different topics, a true fan!

Post lover
You have liked more than 50 posts!

Beta Tester
You have been part of the Beta-Testing team

Forumotion expert
This user is an expert with Forumotion free forum hosting

10th Anniversary (Grand Re-open)
Thanks for being part of our grand re-opening

Merry Christmas 2022
Thanks for having been with us during Christmas season!

Forum Writer
You have opened more than 20 topics on the forum

The Life of the Party
You have made more than 20 members in our community, wow!

Members Guru
You have received more than 50 likes on your posts. Our members really what you have to say!

Posts :

Points :

Thread navigation with messages listing

Overview

Description

Here's a way to list all the current page messages in a block and allow users to navigate through them easily.

Demonstration

Thread navigation with messages listing GvWBLe2

Thread navigation with messages listing 7TWLxCd

Technical limitations

› This tutorial is dedicated to the forums powered by Forumotion free forum service
› Requires to be the Founder of the #Forumotion Forum
› It only works with PhpBB2ModernBB Forumotion forums' versions

Installation

Introduction

CSS

In order to design the style of the resource, you need to go towards Administration Control Panel (ACP)  Display  CSS & Colors  CSS Style Sheet and add append the following code:

You need to reply to the topic in order to see the code resources

Javascript & jQuery

For the next step you need to go towards Administration Control Panel (ACP)  Modules  HTML & Javascript  Javascript codes management and create a new code - upon verifying that Javascript codes management is enabled.

ModernBB

Title: free choice - does not influence the code effect
Where: In topics
Code:

You need to reply to the topic in order to see the code resources

PhpBB2

Title: free choice - does not influence the code effect
Where: In topics
Code:

You need to reply to the topic in order to see the code resources

Javascript Customization

The code can be adapted to work even with other forum version.
If you need support, please contact our support team.

HTML Content & Templates Modification

For the last step you need to go towards Administration Control Panel (ACP)  Display  Templates  General - viewtopic_body and modify its content:

ModernBB

Add this snippet at the beginning of the template:

Find this snippet:

Replace it with:

PhpBB2

Add this snippet at the beginning of the template:

Find this snippet:

and Replace with:

Then find this snippet:

and Replace it with:

Final considerations

In the HTML/templates content you can modify:

Code:

Thread navigation

with the title you prefer
Code:

https://i.imgur.com/XNUHwwq.png

with the image you prefer

Notes

	Approved by	Niko
	Approved on	January 29th 2022
	Tested on	ModernBB and PhpBB2 forumotion forums - All browsers
	Difficulty level	 / 
	Source	Thread navigation with messages listing by mSyx