You are viewing page #3
Show original post
Endless is a plugin which replaces normal pagination with an infinite scrolling approach. It is heavily inspired by Flarum's, except it is packed with some modifications which make it completely compatible with the latest MyBB versions and aim to improve its stability and usability.
![[Image: 0kGO7wR.gif]](https://i.imgur.com/0kGO7wR.gif)
PHP 5.4
MyBB 1.8.0
Endless is designed to replace MyBB pagination of both threads and forums with an infinite scrolling pagination, but it is capable of transforming whatever custom paginated list into an endless scrolling experience. For example, MyBBoost's newsfeed homepage has Endless support with just a few lines of server-side code.
Endless automatically parses lists of valid data in the DOM and sends AJAX requests with a range of items to get from the backend, and it displays a temporary placeholder while the data is being fetched. All you need to do is write down a function which accepts and handles Endless-generated data, gets the requested items and returns them in a standardized fashion. A step-by-step tutorial will be written down after the beta period.
The workaround comes directly from Flarum's inspiration. Endless includes a scrubber, a small draggable item added automatically by the plugin which you can use to quickly jump between posts and threads in the currently viewed discussion/forum. The scrubber position is updated automatically as you scroll, so you always know what's left to read; and you can both drag and drop the scrubber or click a specific point within it to be launched directly to the range of posts you wish to see.
At the current stages, you can choose to hide or display the scrubber and set threads/posts breakpoints after which, if a forum/thread exceed the breakpoint in size, the scrubber is displayed. You can also choose to hide the scrubber if a forum/thread has a single-page amount of data.
You can tell Endless to automatically detect user's scrolling and show items, or you can set up manual buttons users will need to push in order to load further posts/threads, in both upwards and downwards direction. This feature is currently hardcoded. It will be integrated into MyBB's settings system in beta 2.
Upload the files maintaining the same folder structure they are compiled to and clicking the button Install & activate within your board's plugin list.
Endless requires 2 CSS classes to work properly:
Ensure you have those classes in your theme’s templates, otherwise it will not work.
The scrubber can detect the currently-visible item's dateline and display a formatted "month year" date as you scroll, so you know an approximate timeline of what you are currently reading. Endless needs a timestamp to process it though; you must add it manually to your templates.
Endless adds 4 settings to tune the scrubber as explained above.
Endless adds a CSS file named endless.css to every theme of your board. You can customize the scrubber's and placeholders' appearance by editing the stylesheet's CSS rules and the 3 templates added by Endless called endless_placeholder_post, endless_placeholder_thread and endless_scrubber. {totalCount} and {colspan} are replaced by Endless with the respective values (total count of items and colspan to match the variability of MyBB's default theme within forumdisplay, due to mods having an extra column with a checkbox).
If you encounter an issue or you want to request a new feature for Endless, feel free to open a new thread in this forum with detailed instructions on how to reproduce your issue if you want to report one.
Endless is available for free.
Support is discontinued due to my departure from programming. Read more why here.
Commercial use
Modification
Distribution
Private use
Warranty
Liability
License notice
Copyright notice
Minimum requirements
PHP 5.4
MyBB 1.8.0
Main features
Extensibility
Endless is designed to replace MyBB pagination of both threads and forums with an infinite scrolling pagination, but it is capable of transforming whatever custom paginated list into an endless scrolling experience. For example, MyBBoost's newsfeed homepage has Endless support with just a few lines of server-side code.
Endless automatically parses lists of valid data in the DOM and sends AJAX requests with a range of items to get from the backend, and it displays a temporary placeholder while the data is being fetched. All you need to do is write down a function which accepts and handles Endless-generated data, gets the requested items and returns them in a standardized fashion. A step-by-step tutorial will be written down after the beta period.
Scrubber-based
QuoteWhat's good about regular pagination is being able to quickly jump through the pages, with infinite scroll I'd have to keep scrolling to get to the last reply. Infinite scrolling looks a lot better than regular pagination but I think its functionality will get tedious, that's unless you've made a workaround for this.
The workaround comes directly from Flarum's inspiration. Endless includes a scrubber, a small draggable item added automatically by the plugin which you can use to quickly jump between posts and threads in the currently viewed discussion/forum. The scrubber position is updated automatically as you scroll, so you always know what's left to read; and you can both drag and drop the scrubber or click a specific point within it to be launched directly to the range of posts you wish to see.
At the current stages, you can choose to hide or display the scrubber and set threads/posts breakpoints after which, if a forum/thread exceed the breakpoint in size, the scrubber is displayed. You can also choose to hide the scrubber if a forum/thread has a single-page amount of data.
Automatic detection or manual triggering
You can tell Endless to automatically detect user's scrolling and show items, or you can set up manual buttons users will need to push in order to load further posts/threads, in both upwards and downwards direction. This feature is currently hardcoded. It will be integrated into MyBB's settings system in beta 2.
Installation
Upload the files maintaining the same folder structure they are compiled to and clicking the button Install & activate within your board's plugin list.
Endless requires 2 CSS classes to work properly:
- thread to every thread (forumdisplay_thread);
- post to every post (postbit/postbit_classic).
Ensure you have those classes in your theme’s templates, otherwise it will not work.
Display month and year in the scrubber
The scrubber can detect the currently-visible item's dateline and display a formatted "month year" date as you scroll, so you know an approximate timeline of what you are currently reading. Endless needs a timestamp to process it though; you must add it manually to your templates.
- forumdisplay_thread: add data-time="{$thread['dateline']}" to the tr.thread element;
- postbit or postbit_classic: add data-time="{$post['dateline']}" to the div.post element.
Settings
Endless adds 4 settings to tune the scrubber as explained above.
Templates and stylesheets
Endless adds a CSS file named endless.css to every theme of your board. You can customize the scrubber's and placeholders' appearance by editing the stylesheet's CSS rules and the 3 templates added by Endless called endless_placeholder_post, endless_placeholder_thread and endless_scrubber. {totalCount} and {colspan} are replaced by Endless with the respective values (total count of items and colspan to match the variability of MyBB's default theme within forumdisplay, due to mods having an extra column with a checkbox).
Reporting issues and requesting new features
If you encounter an issue or you want to request a new feature for Endless, feel free to open a new thread in this forum with detailed instructions on how to reproduce your issue if you want to report one.
Availability
Endless is available for free.
Support is discontinued due to my departure from programming. Read more why here.Permissions
Commercial use
Modification
Distribution
Private use
Limitations
Warranty
Liability
Conditions
License notice
Copyright notice
| Filename | Size | Downloads |
|---|---|---|
| 28.21 KB | 206 |
Nope, it's missing.
![[Image: V6Ejfnw.png]](https://i.imgur.com/V6Ejfnw.png)
Add the class to your forumdisplay_thread template, just next to inline_row.
As for the quick reply not working, I can see you are using a plugin which enables quick quoting. I don't know the plugin, but I know that it's producing lots of JS errors which block other scripts execution, including Endless. Either you disable it or you fix it.
Add the class to your forumdisplay_thread template, just next to inline_row.
As for the quick reply not working, I can see you are using a plugin which enables quick quoting. I don't know the plugin, but I know that it's producing lots of JS errors which block other scripts execution, including Endless. Either you disable it or you fix it.
Might be. Can't tell without an actual account. My assumption is based upon analyzing your forum source code browsing as a guest.
@Shade much appreciated for the help unfortunately I've been having a lot of issues with the editor showing code within the actual posts themselves so it could be conflicting somewhere.
I just attempted this now and unfortunately problem still occurs.
Nope, it's missing.Hi,
Add the class to your forumdisplay_thread template, just next to inline_row.
As for the quick reply not working, I can see you are using a plugin which enables quick quoting. I don't know the plugin, but I know that it's producing lots of JS errors which block other scripts execution, including Endless. Either you disable it or you fix it.
I just attempted this now and unfortunately problem still occurs.
I’ll check it out later when I get back home.Much appreciated if it's easier for you, I have created a whole test website if you would like an account on there?