phpBB timeline posts Slider like Discourse

[axew3]

I have start some day ago to think how this

discourse_slider.png (7.47 KiB) Viewed 559 times

can be applied (the whole concept exactly as it is in Discourse) into phpBB

phpbb-discourse-pagesslider-phpbb-IP.png (13.49 KiB) Viewed 559 times

so i finally started one momentary very raw that will be soon released.
I like to present the prototype because i am into the mind step where all is clear how it can be done in an efficient and easy way.
Posts replies extension (that will be improved further more to be exactly like Discourse about how topics display on page) with this will render phpBB easier and better than Discourse.

I was sure that phpBB come with all the necessary to make of it whatever you want.
Stay tuned, it will be really cool

[axew3]

I did labels so to match topic's posts

phpbb-discourse-pagesslider-phpbb-IP2.png (11.81 KiB) Viewed 552 times

the raw result is like this

phpbb-discourse-pagesslider-phpbb-IP3.png (17.11 KiB) Viewed 552 times

a label on the right of the range slider, that while scrolled display like on discourse the post we can load with the related date.
To add all the remaining should be very easy. To me this was probably the hardest part.
The mechanism works perfect!

[axew3]

Ok! I finally did it exactly like it is the one of Discourse and abandoned the one above.
When i say exactly it mean exactly! It work the same, it look exactly the same... i did not exactly exactly the same color and width for a matter of decency . It can be styled as more like, also about the slider height.
Now: what i find hard is to put this into any phpBB template, while of course it would be easy if the phpBB template (maybe i will do a try) is divided in rows like the one of Discourse, which into the desktop browser show the slider like this

Screenshot 2025-06-24 at 23-54-02 Vertical Range Slider with moving label by axew3.png (5.05 KiB) Viewed 199 times

while visiting Discourse with a smaller viewport, it display a little label, where substantially it display the page number where we are on and onTouch open the Slider like the one of the bigger viewport.
I think for phpBB a good solution would be to have the above, so to display like the Discourse mobile version on the smaller viewport: the slider will open onclick/ontouch. And will display while scrolling, the number of the post into the viewport.
The button will be colored while scrolling on same way (more or less in % while scrolling) and posts will appear without reloading the page, like already done into the VV vertical views extension example, so substantially equal to Discourse.

Mhh, let think how could be better?

[Akash12]

Creating a timeline posts slider in phpBB similar to Discourse can significantly enhance user experience by making long threads easier to navigate. Discourse’s timeline allows users to quickly jump through post history, improving accessibility. To achieve this in phpBB, you'd likely need a combination of JavaScript and CSS customizations or a custom extension. Look into integrating a vertical scrollbar with labeled post anchors and smooth scrolling. It’s a great idea for forums with heavy activity and long discussions. Has anyone tried implementing this or found a working mod?
nulls brawl

[axew3]

Vertical views (i will put a live example of it that i removed because conflicting in some way with different things i had to display as example):
viewtopic.php?t=2038
it work like Discourse. You can try it into a default subsilver or a theme that respect default dom selectors and see it.
But the code will be significantly improved and simplified because it's a very raw first test. I realized after how maybe can be easier.
Posts replies:
https://www.axew3.com/www/dev/viewtopic.php?p=43#p43
i did it like on Discourse and to finalize exactly as it work there, is very easy. I experimented the extension working exactly like on Discourse showing the reply below the post, but also into the topic posts normal list, just doing wrong a query. It can be highly improved with easy.

This slider snippet code.
The slider require to be linked to the scroll. Quite complicate i have in mind all the necessary code and ready with few modifications of done examples because the mechanism is the same. Or at least should.
While the vertical views will continue to work as it is, loading pages onscroll, and moving the pages menu while doing it, the posts slider will do the same of discourse, so we will have both and an evem more complete user's experience.

Have a slider that open-up (and will remain opened until not closed) like to one of the mobile in Discourse? Think yes.
Or the vertical big one that always would display on big viewports: but where it should be placed if not into a modified phpBB template?

Screenshot 2025-06-24 at 23-54-02 Vertical Range Slider moving label by axew3-2.png (27.54 KiB) Viewed 161 times

it is actually raw in my tests "absolute positioned" centered over phpBB while it can even scroll.
But will be i think, a button like on Discourse mobile, that will show up when clicked.
Both solutions will be anyway provided, 1) into a button that will display onclick, or 2) full for the one who want to always display it into a specific theme (or both like it is on discourse, that display in a case or the other).

[axew3]

Follow a comment about this...