Joel R

Talking more to myself: 
So, the Sidebar Menu gives more space.  And more space means more opportunity to share links. And more opportunity to share links means we can customize the menu experience for different journeys of users: the new you, the returning you, the future you.
For the new you, I can see the first 3 menu links be things like "best of", "top guides," or "must read" types of links.  Essentially, items to help a new user get oriented.
For the returning you, I can see the first 3 menu links be things like "what's new", "my content" and trending content.  Essentially, items to help the returning user catch up and jump back into the latest conversations. 
It's hard to do that kind of personalization with the horizontal style, but I can see the Sidebar Menu empower community admins to create "personalized" menus in a way that most admins haven't done (or thought about!) before.  This is some food for thought that I think all IPS admins should consider as a takeaway when we re-envision our communities on 5.  
This is all assuming IPS keeps group permissions on menu items as is.  

Some thoughts: 
1. This is only an observation.  I find it interesting that IPS approaches time spent on a community from a position of scarcity. To be clear, this makes sense - we have busy lives and many sites that we visit, so we need to optimize the time spent on the community to make it impactful.  Get me to what I want in the most efficient manner.  
On the other hand, I encourage IPS to also approach it from a position of (maybe just a little) greed.  Yes, get me to what I want to read or reply as quickly as possible, but also encourage and push and motivate me to also get involved or read something extra.  Help me go down a rabbit hole. That's the only way to grow my involvement in the site.  
Not asking IPS to adopt a full blown social media orientation where attention is the only point, but adding attention hooks and pushing engagement can only help our communities. 
2. The prototype of the topic as stated above is highly limiting. It matches a support topic.  
But it doesn't match topics where the discussion and commentary are the point.  For example, this topic! This topic doesn't have a "right answer" that anyone can Mark as Solved.  The breadth of conversations by clients and the diverse things we care about - developer updates, the edit button, content denseness, polite fanboy applause - is the point and the noise at the same time.  
Going to be curious how IPS innovates on these social and conversational topics. 
3. I wonder how we can cut down on the noise and distraction of a question by helping users ask a better question to begin with?

Talking more to myself: 
So, the Sidebar Menu gives more space.  And more space means more opportunity to share links. And more opportunity to share links means we can customize the menu experience for different journeys of users: the new you, the returning you, the future you.
For the new you, I can see the first 3 menu links be things like "best of", "top guides," or "must read" types of links.  Essentially, items to help a new user get oriented.
For the returning you, I can see the first 3 menu links be things like "what's new", "my content" and trending content.  Essentially, items to help the returning user catch up and jump back into the latest conversations. 
It's hard to do that kind of personalization with the horizontal style, but I can see the Sidebar Menu empower community admins to create "personalized" menus in a way that most admins haven't done (or thought about!) before.  This is some food for thought that I think all IPS admins should consider as a takeaway when we re-envision our communities on 5.  
This is all assuming IPS keeps group permissions on menu items as is.  

I'd like to extend a public invitation to all IPS clients and the third-party community to celebrate the opening of the free listing of files on the Marketplace Directory of Invisioneer.org.  
https://www.invisioneer.org/marketplace/
What is the Marketplace Directory on Invisioneer.org?  
The Marketplace Directory is a free list of files by authors. Its goal is simple: a free, centralized list for you to browse third-party files.  
No files are sold or supported on the site itself. You will be redirected to the author's site for payment and support. 
You will find the Marketplace Directory to be immediately familiar:
Same categories and structure as the IPS Marketplace Same IP.Downloads app as the IPS Marketplace  Over 300+ files have already been listed in the Marketplace Directory, and we hope more will be listed as developers and themers update their files.  
Why visit Marketplace Directory?  
The Marketplace Directory will never be a perfect substitute for the IPS Marketplace, which had deep integration with the ACP and directly processed payments on behalf of clients.  
However, as soon as it became known that IPS was shutting down its Marketplace, it became clear that clients would confusingly need to go to multiple websites. Purchased 5 plugins from 5 different developers? You need to visit 5 different sites for support and payment.   
The Marketplace Directory doesn't totally solve the problem, but it's a step in the right direction.  It consolidates files by authors who wish to list together, and makes file discovery and author tracking so much easier.  There is power in collaboration, and the Marketplace Directory is a great example of the most trusted third-party developers coming together in the spirit of community.  
What is Invisioneer.org?  
Invisioneer.org is a broader project of mine to offer a suite of resources to help IPS owners and admins launch better communities - and to hopefully learn alongside you.  It's my goal to build an "ecosystem of success" around IPS owners and admins as we compete and thrive together on the modern web:
IPS helps you compete with community software Third-party developers help you compete with themes and extensions Invisioneer.org helps you compete with community strategy My goal behind Invisioneer.org is to help you compete - and win - with the "soft skills" of community management that are just as important as the technology: crafting a community strategy, leading with emotional intelligence, and leveraging best practices from disciplines like behavioral economics, psychology, sociology, and leading community consultancies. 
The Marketplace Directory is an important part of Invisioneer.org, and one component of the ecosystem of success for IPS clients to leverage.  
What do I do with my files?  
Purchases and renewals have stopped on the IPS Marketplace, and the Marketplace itself will shut down on October 30 2023 according to IPS.  
To continue receiving support and updates to your active Marketplace files, you will need to transfer your purchases' license keys directly to the author. To find the license keys for all purchases, go to My Purchases.  
Active authors have posted information on their file descriptions or in the support topic about their own support sites.  If you purchased a file from a developer who doesn't have information yet, you will need to reach out to that author.    
Official IPS Blog: https://invisioncommunity.com/news/invision-community/marketplace-the-next-steps-r1286/

This is true on my well-established, long running board. I've spoke to a lot of members who visit and go straight to the Unread Content section of the Activity Feed, bypassing everything else.
 

One of the more unexpected and interesting new design choices is the highlight of nodes in the menu, not just the apps (eg. popular forum boards).  
Would love to hear more from IPS on best practices and what inspired this. 
Community owners can already do this manually. The current Menu Manager allows us to insert a link to, well, any URL.  I doubt most of us actually utilize it to highlight our popular nodes though! 
I'm starting to realize that the vertical menu gives more space for menu options versus the horizontal menu, so owners can add options like popular forum boards that we couldn't before.  There's some interesting experimentation and innovation community owners can do with the new vertical menu. 

I want to add that for a new lifecycle, this theme looks amazing.  
I remember the 4.0 Social Suite (raise your hand if you used 4.0!), and while no one doubts that 5.0 is its successor, this theme looks and feels so much more polished out the gate and it will only get better on this cycle.

To clear any confusion, the "Popular travel forums" header is just a manually created header using the Menu Manager - it's the same as the "Browse" header for example. With version 5 though, instead of manually inserting URL's to certain forums, categories, albums, etc, you select them from a list and they'll display based on user permissions. They'll also highlight when active, like so:
 

To unpack your post which has a lot of good points, are you asking about: 
1. Showing / hiding elements for user expertise, authority, and trust? And / or
2. Content denseness on the view screen? 
These are both important topics for deeper conversation and consideration for each community.  For some communities that are support oriented, showing reputation is important: getting an answer from an expert or an official company rep is important to validate the level of authority or expertise in the topic.  For fan communities around interests and hobbies that are more social based, you may want to turn off the feature.  
For content denseness, I agree.  Making sure that the screen above the fold packs as much information as possible.  Lots of opportunity in UIX for designers and themers to explore.  

The side navigation panel is completely separate from the widget sidebar, so it's reserved for navigation items only. When enabled via theme settings, the navigation panel replaces the horizontal header/navigation menu - so you can only use a single one at a time. The navigation links are managed via the Menu Manager, as you'd expect.
The sidebar has independent scrolling which means you won't have a long empty space in either the sidebar or the content area:
sidebar-scroll.mp4
Just like the other views (table and grid), the avatar is of the person who posted the most recent reply. User participation isn't displayed in our existing views (apart from fluid of course), but is something we can keep in mind for a future iteration.
To prevent the index page from becoming overwhelmed with icons and badges, there are no badges for answered, staff, etc. Quotes, codes and gifs are removed, so only plain text is shown in the snippet.
Thanks! The hovercard has received a UI polish in version 5, but still behaves as normal in the compact topic UI.
Here's an example with more data for you. The stats behave like bricks in a wall - they'll occupy the full width of the mini profile, as neatly as possible.
Desktop:

 
Mobile:

 
Thanks Joel!

The feed view looks amazing!  One thing to consider might be allowing us to use multiple views concurrently. 

For example say feed view for specific forums and then table for the rest. 

The idea is that this might allow us to highlight and give more “real estate” to a few specific forums and highlight the content inside while others could be in a more “compact” view. 

Finally, I launched MarketPlace at valacoding.com.
Buyers:
On this site, as a buyer, you can order products and install/update them directly in your ACP as before you did in IPS Marketplace!! 🙂 . In addition, if a new version of the apps is released, they will be displayed in the ACP just like the IPS apps and you will be informed about new released versions.
All clients who have purchased my products must register on the site and send me info about the products (product name, order code provided by IPS) and the username registered on the valacoding.com site so i can update them.

for example :
Username
-Laxeri theme
****-****-****-****
-Menu plus
****-****-****-****
.
.
.
Note:  users who have already purchased products through IPS do not need to register a new order for those products. they just need send us the information that i mentioned above
--------------------------------------------------
Sellers:
As a seller, you can submit your products and enter the product link to your site.
--------------------------------------------------
if you have any question, just PM me 
Please send any comments to my email address or PM. I welcome and will definitely check it out.

Best Regards
M. Vala (ReyDev)
valacoding.com

I'd like to extend a public invitation to all IPS clients and the third-party community to celebrate the opening of the free listing of files on the Marketplace Directory of Invisioneer.org.  
https://www.invisioneer.org/marketplace/
What is the Marketplace Directory on Invisioneer.org?  
The Marketplace Directory is a free list of files by authors. Its goal is simple: a free, centralized list for you to browse third-party files.  
No files are sold or supported on the site itself. You will be redirected to the author's site for payment and support. 
You will find the Marketplace Directory to be immediately familiar:
Same categories and structure as the IPS Marketplace Same IP.Downloads app as the IPS Marketplace  Over 300+ files have already been listed in the Marketplace Directory, and we hope more will be listed as developers and themers update their files.  
Why visit Marketplace Directory?  
The Marketplace Directory will never be a perfect substitute for the IPS Marketplace, which had deep integration with the ACP and directly processed payments on behalf of clients.  
However, as soon as it became known that IPS was shutting down its Marketplace, it became clear that clients would confusingly need to go to multiple websites. Purchased 5 plugins from 5 different developers? You need to visit 5 different sites for support and payment.   
The Marketplace Directory doesn't totally solve the problem, but it's a step in the right direction.  It consolidates files by authors who wish to list together, and makes file discovery and author tracking so much easier.  There is power in collaboration, and the Marketplace Directory is a great example of the most trusted third-party developers coming together in the spirit of community.  
What is Invisioneer.org?  
Invisioneer.org is a broader project of mine to offer a suite of resources to help IPS owners and admins launch better communities - and to hopefully learn alongside you.  It's my goal to build an "ecosystem of success" around IPS owners and admins as we compete and thrive together on the modern web:
IPS helps you compete with community software Third-party developers help you compete with themes and extensions Invisioneer.org helps you compete with community strategy My goal behind Invisioneer.org is to help you compete - and win - with the "soft skills" of community management that are just as important as the technology: crafting a community strategy, leading with emotional intelligence, and leveraging best practices from disciplines like behavioral economics, psychology, sociology, and leading community consultancies. 
The Marketplace Directory is an important part of Invisioneer.org, and one component of the ecosystem of success for IPS clients to leverage.  
What do I do with my files?  
Purchases and renewals have stopped on the IPS Marketplace, and the Marketplace itself will shut down on October 30 2023 according to IPS.  
To continue receiving support and updates to your active Marketplace files, you will need to transfer your purchases' license keys directly to the author. To find the license keys for all purchases, go to My Purchases.  
Active authors have posted information on their file descriptions or in the support topic about their own support sites.  If you purchased a file from a developer who doesn't have information yet, you will need to reach out to that author.    
Official IPS Blog: https://invisioncommunity.com/news/invision-community/marketplace-the-next-steps-r1286/

I'd like to extend a public invitation to all IPS clients and the third-party community to celebrate the opening of the free listing of files on the Marketplace Directory of Invisioneer.org.  
https://www.invisioneer.org/marketplace/
What is the Marketplace Directory on Invisioneer.org?  
The Marketplace Directory is a free list of files by authors. Its goal is simple: a free, centralized list for you to browse third-party files.  
No files are sold or supported on the site itself. You will be redirected to the author's site for payment and support. 
You will find the Marketplace Directory to be immediately familiar:
Same categories and structure as the IPS Marketplace Same IP.Downloads app as the IPS Marketplace  Over 300+ files have already been listed in the Marketplace Directory, and we hope more will be listed as developers and themers update their files.  
Why visit Marketplace Directory?  
The Marketplace Directory will never be a perfect substitute for the IPS Marketplace, which had deep integration with the ACP and directly processed payments on behalf of clients.  
However, as soon as it became known that IPS was shutting down its Marketplace, it became clear that clients would confusingly need to go to multiple websites. Purchased 5 plugins from 5 different developers? You need to visit 5 different sites for support and payment.   
The Marketplace Directory doesn't totally solve the problem, but it's a step in the right direction.  It consolidates files by authors who wish to list together, and makes file discovery and author tracking so much easier.  There is power in collaboration, and the Marketplace Directory is a great example of the most trusted third-party developers coming together in the spirit of community.  
What is Invisioneer.org?  
Invisioneer.org is a broader project of mine to offer a suite of resources to help IPS owners and admins launch better communities - and to hopefully learn alongside you.  It's my goal to build an "ecosystem of success" around IPS owners and admins as we compete and thrive together on the modern web:
IPS helps you compete with community software Third-party developers help you compete with themes and extensions Invisioneer.org helps you compete with community strategy My goal behind Invisioneer.org is to help you compete - and win - with the "soft skills" of community management that are just as important as the technology: crafting a community strategy, leading with emotional intelligence, and leveraging best practices from disciplines like behavioral economics, psychology, sociology, and leading community consultancies. 
The Marketplace Directory is an important part of Invisioneer.org, and one component of the ecosystem of success for IPS clients to leverage.  
What do I do with my files?  
Purchases and renewals have stopped on the IPS Marketplace, and the Marketplace itself will shut down on October 30 2023 according to IPS.  
To continue receiving support and updates to your active Marketplace files, you will need to transfer your purchases' license keys directly to the author. To find the license keys for all purchases, go to My Purchases.  
Active authors have posted information on their file descriptions or in the support topic about their own support sites.  If you purchased a file from a developer who doesn't have information yet, you will need to reach out to that author.    
Official IPS Blog: https://invisioncommunity.com/news/invision-community/marketplace-the-next-steps-r1286/

I'd like to extend a public invitation to all IPS clients and the third-party community to celebrate the opening of the free listing of files on the Marketplace Directory of Invisioneer.org.  
https://www.invisioneer.org/marketplace/
What is the Marketplace Directory on Invisioneer.org?  
The Marketplace Directory is a free list of files by authors. Its goal is simple: a free, centralized list for you to browse third-party files.  
No files are sold or supported on the site itself. You will be redirected to the author's site for payment and support. 
You will find the Marketplace Directory to be immediately familiar:
Same categories and structure as the IPS Marketplace Same IP.Downloads app as the IPS Marketplace  Over 300+ files have already been listed in the Marketplace Directory, and we hope more will be listed as developers and themers update their files.  
Why visit Marketplace Directory?  
The Marketplace Directory will never be a perfect substitute for the IPS Marketplace, which had deep integration with the ACP and directly processed payments on behalf of clients.  
However, as soon as it became known that IPS was shutting down its Marketplace, it became clear that clients would confusingly need to go to multiple websites. Purchased 5 plugins from 5 different developers? You need to visit 5 different sites for support and payment.   
The Marketplace Directory doesn't totally solve the problem, but it's a step in the right direction.  It consolidates files by authors who wish to list together, and makes file discovery and author tracking so much easier.  There is power in collaboration, and the Marketplace Directory is a great example of the most trusted third-party developers coming together in the spirit of community.  
What is Invisioneer.org?  
Invisioneer.org is a broader project of mine to offer a suite of resources to help IPS owners and admins launch better communities - and to hopefully learn alongside you.  It's my goal to build an "ecosystem of success" around IPS owners and admins as we compete and thrive together on the modern web:
IPS helps you compete with community software Third-party developers help you compete with themes and extensions Invisioneer.org helps you compete with community strategy My goal behind Invisioneer.org is to help you compete - and win - with the "soft skills" of community management that are just as important as the technology: crafting a community strategy, leading with emotional intelligence, and leveraging best practices from disciplines like behavioral economics, psychology, sociology, and leading community consultancies. 
The Marketplace Directory is an important part of Invisioneer.org, and one component of the ecosystem of success for IPS clients to leverage.  
What do I do with my files?  
Purchases and renewals have stopped on the IPS Marketplace, and the Marketplace itself will shut down on October 30 2023 according to IPS.  
To continue receiving support and updates to your active Marketplace files, you will need to transfer your purchases' license keys directly to the author. To find the license keys for all purchases, go to My Purchases.  
Active authors have posted information on their file descriptions or in the support topic about their own support sites.  If you purchased a file from a developer who doesn't have information yet, you will need to reach out to that author.    
Official IPS Blog: https://invisioncommunity.com/news/invision-community/marketplace-the-next-steps-r1286/

Between the IPS Cloud outages, the glances that I have seen look very good!  I hope this project takes off as a central point for 3rd party tools was what made the marketplace great!

I'd like to extend a public invitation to all IPS clients and the third-party community to celebrate the opening of the free listing of files on the Marketplace Directory of Invisioneer.org.  
https://www.invisioneer.org/marketplace/
What is the Marketplace Directory on Invisioneer.org?  
The Marketplace Directory is a free list of files by authors. Its goal is simple: a free, centralized list for you to browse third-party files.  
No files are sold or supported on the site itself. You will be redirected to the author's site for payment and support. 
You will find the Marketplace Directory to be immediately familiar:
Same categories and structure as the IPS Marketplace Same IP.Downloads app as the IPS Marketplace  Over 300+ files have already been listed in the Marketplace Directory, and we hope more will be listed as developers and themers update their files.  
Why visit Marketplace Directory?  
The Marketplace Directory will never be a perfect substitute for the IPS Marketplace, which had deep integration with the ACP and directly processed payments on behalf of clients.  
However, as soon as it became known that IPS was shutting down its Marketplace, it became clear that clients would confusingly need to go to multiple websites. Purchased 5 plugins from 5 different developers? You need to visit 5 different sites for support and payment.   
The Marketplace Directory doesn't totally solve the problem, but it's a step in the right direction.  It consolidates files by authors who wish to list together, and makes file discovery and author tracking so much easier.  There is power in collaboration, and the Marketplace Directory is a great example of the most trusted third-party developers coming together in the spirit of community.  
What is Invisioneer.org?  
Invisioneer.org is a broader project of mine to offer a suite of resources to help IPS owners and admins launch better communities - and to hopefully learn alongside you.  It's my goal to build an "ecosystem of success" around IPS owners and admins as we compete and thrive together on the modern web:
IPS helps you compete with community software Third-party developers help you compete with themes and extensions Invisioneer.org helps you compete with community strategy My goal behind Invisioneer.org is to help you compete - and win - with the "soft skills" of community management that are just as important as the technology: crafting a community strategy, leading with emotional intelligence, and leveraging best practices from disciplines like behavioral economics, psychology, sociology, and leading community consultancies. 
The Marketplace Directory is an important part of Invisioneer.org, and one component of the ecosystem of success for IPS clients to leverage.  
What do I do with my files?  
Purchases and renewals have stopped on the IPS Marketplace, and the Marketplace itself will shut down on October 30 2023 according to IPS.  
To continue receiving support and updates to your active Marketplace files, you will need to transfer your purchases' license keys directly to the author. To find the license keys for all purchases, go to My Purchases.  
Active authors have posted information on their file descriptions or in the support topic about their own support sites.  If you purchased a file from a developer who doesn't have information yet, you will need to reach out to that author.    
Official IPS Blog: https://invisioncommunity.com/news/invision-community/marketplace-the-next-steps-r1286/

I'd like to extend a public invitation to all IPS clients and the third-party community to celebrate the opening of the free listing of files on the Marketplace Directory of Invisioneer.org.  
https://www.invisioneer.org/marketplace/
What is the Marketplace Directory on Invisioneer.org?  
The Marketplace Directory is a free list of files by authors. Its goal is simple: a free, centralized list for you to browse third-party files.  
No files are sold or supported on the site itself. You will be redirected to the author's site for payment and support. 
You will find the Marketplace Directory to be immediately familiar:
Same categories and structure as the IPS Marketplace Same IP.Downloads app as the IPS Marketplace  Over 300+ files have already been listed in the Marketplace Directory, and we hope more will be listed as developers and themers update their files.  
Why visit Marketplace Directory?  
The Marketplace Directory will never be a perfect substitute for the IPS Marketplace, which had deep integration with the ACP and directly processed payments on behalf of clients.  
However, as soon as it became known that IPS was shutting down its Marketplace, it became clear that clients would confusingly need to go to multiple websites. Purchased 5 plugins from 5 different developers? You need to visit 5 different sites for support and payment.   
The Marketplace Directory doesn't totally solve the problem, but it's a step in the right direction.  It consolidates files by authors who wish to list together, and makes file discovery and author tracking so much easier.  There is power in collaboration, and the Marketplace Directory is a great example of the most trusted third-party developers coming together in the spirit of community.  
What is Invisioneer.org?  
Invisioneer.org is a broader project of mine to offer a suite of resources to help IPS owners and admins launch better communities - and to hopefully learn alongside you.  It's my goal to build an "ecosystem of success" around IPS owners and admins as we compete and thrive together on the modern web:
IPS helps you compete with community software Third-party developers help you compete with themes and extensions Invisioneer.org helps you compete with community strategy My goal behind Invisioneer.org is to help you compete - and win - with the "soft skills" of community management that are just as important as the technology: crafting a community strategy, leading with emotional intelligence, and leveraging best practices from disciplines like behavioral economics, psychology, sociology, and leading community consultancies. 
The Marketplace Directory is an important part of Invisioneer.org, and one component of the ecosystem of success for IPS clients to leverage.  
What do I do with my files?  
Purchases and renewals have stopped on the IPS Marketplace, and the Marketplace itself will shut down on October 30 2023 according to IPS.  
To continue receiving support and updates to your active Marketplace files, you will need to transfer your purchases' license keys directly to the author. To find the license keys for all purchases, go to My Purchases.  
Active authors have posted information on their file descriptions or in the support topic about their own support sites.  If you purchased a file from a developer who doesn't have information yet, you will need to reach out to that author.    
Official IPS Blog: https://invisioncommunity.com/news/invision-community/marketplace-the-next-steps-r1286/

The process has a few more steps. Here's a rough list:
Disable all 3rd party modifications (applications & plugins) as some may be incompatible with PHP 8. Manually upload the files from the ZIP package you download from the client area (ips_xxxx.zip) Once the files are uploaded the forum will stop working and throw an error. Switch the version to PHP 8 and run the upgrader from /admin/upgrade. Once the upgrade is complete double-check if any modification has pending updates and then re-enable them 1-by-1 to check if they still work with PHP 8.  

Contact @Driven 2 Services who can provide emergency services.  

Hi @sefla
1. What version are you running today? 3.x or 4.x? 
2. Are you looking for more hands-on server assistance, or are you capable of basic server troubleshooting?
There are some excellent third party providers (paid) such as @ASTRAPI or @Driven 2 Services who can help with upgrade, or you can consider Cloud.  

Screens:

Hi @homeofeconomy
There may be a CKEditor plugin but you can accomplish this in Pages. You will need to add some code in the AdminCP Pages sections. This is based on a W3Schools example that I’ve previously used in Wordpress, but I’ve just tested it and it works fine in IPS.
Step 1: Create a new Page
First create a new Page in in AdminCP > Pages to host an example.
Go to Pages > Add Page  and choose With Page Builder and on the first tab give it a Page Name such as ‘Sortable Table Test’.
(You can leave all the other fields alone for now, perhaps allow it to be added to your Menu for convenience if you like.)
 
Step 2: Add the JS and some CSS
Next go to Pages Templates. 
Click new and choose CSS. Give it a name of sortable_tables (it will add the .js for you) and if you like choose to put it in a new category such as Sortable Tables.
You could let it inherit the current IPS theme stylings or make use of the IPS theme classes.

For now though, open the new blank template you created and copy and paste this CSS inside it:
/* CSS for tables*/ .responsive_table_wrapper { overflow-x: auto; } table.test { border: 1px solid #51c427; margin: 2% 0; padding: 0; text-align: left; vertical-align: middle; overflow-x: auto; border-collapse: collapse; width: 100%; } td, th { text-align: left; padding: 8px; } tr:nth-child(even) { background-color: #51c427; color: #000; } /* For test table */ table.test caption { display: none; }
Now do the same for a Javascript file called sortable_tables and then paste in the following code:
function sortTable(n) { var table, rows, switching, i, x, y, shouldSwitch, dir, switchcount = 0; table = document.getElementById("myTable"); switching = true; // Set the sorting direction to ascending: dir = "asc"; /* Make a loop that will continue until no switching has been done: */ while (switching) { // Start by saying: no switching is done: switching = false; rows = table.rows; /* Loop through all table rows (except the first, which contains table headers): */ for (i = 1; i < (rows.length - 1); i++) { // Start by saying there should be no switching: shouldSwitch = false; /* Get the two elements you want to compare, one from current row and one from the next: */ x = rows[i].getElementsByTagName("TD")[n]; y = rows[i + 1].getElementsByTagName("TD")[n]; /* Check if the two rows should switch place, based on the direction, asc or desc: */ if (dir == "asc") { if (x.innerHTML.toLowerCase() > y.innerHTML.toLowerCase()) { // If so, mark as a switch and break the loop: shouldSwitch = true; break; } } else if (dir == "desc") { if (x.innerHTML.toLowerCase() < y.innerHTML.toLowerCase()) { // If so, mark as a switch and break the loop: shouldSwitch = true; break; } } } if (shouldSwitch) { /* If a switch has been marked, make the switch and mark that a switch has been done: */ rows[i].parentNode.insertBefore(rows[i + 1], rows[i]); switching = true; // Each time a switch is done, increase this count by 1: switchcount ++; } else { /* If no switching has been done AND the direction is "asc", set the direction to "desc" and run the while loop again. */ if (switchcount == 0 && dir == "asc") { dir = "desc"; switching = true; } } } }
Notice the ID of our table of myTable in the 3rd line of JS, this is important so we target the correct table! It must match the table ID name we’ll create next. Save the changes.
 
Step 3: Create a new Custom Block
Next create a new Pages Custom Block, this will hold the Sortable Table allowing you to position it where you like on the page, say between Rich Text Blocks.
Select the Manual and the HTML type of block, give it a name such as Sortable Table, leaving the other fields alone for now. In the Content tab, paste the following HTML code:
<h2>Sortable HTML Table</h2> <p>Based on <a href="https://www.w3schools.com/howto/howto_js_sort_table.asp" target="_blank" title="View the original example at W3Schools (new tab/window).">www.w3schools</a></p> <div class="responsive_table_wrapper"> <table class="test" id="myTable"> <!-- When a header is clicked, run the sortTable function, with a parameter, 0 for sorting by Company, 1 for sorting by Contact etc. --> <tr> <th onclick="sortTable(0)"><i class="fa fa-sort"></i> Company </th> <th onclick="sortTable(1)"><i class="fa fa-sort"></i> Contact </th> <th onclick="sortTable(2)"><i class="fa fa-sort"></i> Country </th> </tr> <tr> <td>Alfreds Futterkiste</td> <td>Maria Anders</td> <td>Germany</td> </tr> <tr> <td>Centro comercial Moctezuma</td> <td>Francisco Chang</td> <td>Mexico</td> </tr> <tr> <td>Magazzini Alimentari Riuniti</td> <td>Giovanni Rovelli</td> <td>Italy</td> </tr> </table> </div>  
Save the block, in future once you are happy with it, you could opt to cache it.
Next we’ll edit the Page we created in the first step.
 
Step 4: Add the CSS and JS to the new page
Edit the file and select the Page Includes tab. Tick/Check to include both the Sortable Tables JS and CSS files created earlier so that they are loaded inside this page and click Save.
 
Step 5: Add the Custom Block to the page
Finally, click the Magic Wand button for the page and it will open up the Page Builder on the Sortable Table Test page.
Drag and drop a Pages Custom Block into your page. Select the Sortable Table block and exit the Page Builder (finish editing button).
Tip. When you refresh that page, it will open the Page Builder again, so instead click on the page name in the breadcrumbs and then you can reload the page as normal.
You’ll have something like this, just click or tap on the Table Headers to sort the columns:

 
Demo: https://invisionary.tech/sortable-table-test/

Hope this helps!

Some ideas: 
1. You write one pinned topic per forum with the name of the forum board (eg. "Information on Calama" in the Calama forum).  
Search will include topics, not the names of forums.  
2. You use prefixes and reduce your forums.  You can predefine prefixes.  
3. A general thought on user behavior: if a user needs to search your board to find the right board before they post, your board is too complicated.  Simplify, simplify, simplify especially in the beginning. 

Some ideas: 
1. You write one pinned topic per forum with the name of the forum board (eg. "Information on Calama" in the Calama forum).  
Search will include topics, not the names of forums.  
2. You use prefixes and reduce your forums.  You can predefine prefixes.  
3. A general thought on user behavior: if a user needs to search your board to find the right board before they post, your board is too complicated.  Simplify, simplify, simplify especially in the beginning.