Jump to content
View in the app

A better way to browse. Learn more.

Invision Community

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

How to Display Clubs on Forums List Page

Featured Replies

Hi all.

I already had a pretty long list of categories and forums. And we have just expanded the community into another subject area. The categories/forums list was just a bit too long, and I wished to have two areas operate more as sub-communities, with additional common-area sub-communities or 'zones'.

I subdivided my community into four zones using just HTML and CSS, with a menu bar above the zoned category/forums list view. It worked well, but I then added Clubs to the new menu. At this stage I was forced to add some JS so the the correct button and content are displayed when selecting a menu item from the Clubs page. It works. Unfortunately, the default button and its related content briefly display before the JS switches it to the correct button and content. This is untidy and I am unsure of the how the resultant repaint/reflow will affect my Google ratings.

Alternatively, is there a way to display Clubs on the categories/forums list? This way I can use the HTML/CSS (which effectively hides* content unrelated to the selected button), without using JS, thus avoiding the problems with repaint/reflow?

* I did not use display: none - I used an accessible alternative.

Assuming there is a solution to the above, I also need away of adding the menu bar to topics list page and within topics with the correct, in context button selected.

I can usually find my way through HTML and CSS, but please keep in mind that I have no knowledge of JS and how to use Invision's template logic.

Thanks.

Recently Browsing 0

  • No registered users viewing this page.

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.