Leaderboard Layout

When I was watching a video from the bettermode official youtube channel the video "Bettermode in 5 minutes" the leaderboard cought my attention it had this beautiful layout that I really liked as it had this really nice layout of the 3 first places. So if someoune knows how you can do this please comment. (If you want to see it in the Video here is the LINK)

Best reply by Dan Aaron Pena

Hi Victor,

Great observation, and yes, that leaderboard layout you saw in the ā€œBettermode in 5 minutesā€ video is powered by the Leaderboard block in Design Studio. The layout with tabs for All Time, Month, and Week is part of the standard configuration and helps highlight contributors over different timeframes in a clean and engaging way.

Here’s how you can set it up:


How to add the Leaderboard block with time-based tabs:

  1. Go to the space where you want to add the leaderboard

  2. Press ā€œCā€ to open the Design Studio

  3. Hover over a container or section and click ā€œ+ā€ to add a block

  4. Choose the Leaderboard block from the list

  5. Once added, click on the block to access the settings

From here, you can customize:

  • Heading (optional title of the block)

  • Source (choose a specific space or all spaces)

  • Number of members to display

  • Default tab -- choose whether it shows All time, Monthly, or Weekly by default

  • Option to toggle score visibility

  • Option to exclude admins and moderators

The tabs (All time, Month, Week) will automatically appear above the leaderboard, allowing members to toggle between timeframes.


What the Leaderboard block is useful for:

  • Highlighting top contributors and community activity

  • Running monthly or weekly engagement challenges

  • Supporting giveaways, gamification, and recognition

  • Combining with badges to celebrate specific milestones


Learn more about the leaderboard block here:

View original
2
4 replies