How to create a custom theme for your embedded or TV leaderboard

As long as you include the "Powered by Rise" logo and link to  somewhere within your embed you can completely customise the embed code for your site. [Download Powered by Rise logo]

To do this:
  • Create your embed html code (it uses a combination of HTML, CSS and TWIG) see the available tags below and start customising it as you would prefer.  Here's a custom theme example you can download to get started with.
  • Once you're happy go to Embed settings and choose Custom
  • Provide a URL link to your custom embed code and hit save.

  • Now your embed will use your embed code to display the leaderboard.

To ensure speedy performance, Rise takes a copy of your code and stores it on our server. So each time you want to make a change to your code you'll need to hit the refresh button on the Embed Settings page so Rise takes the latest copy to use when serving your embed.

Here's a minimum custom embed theme code for you to get started with:
    {% for player in players %}
            <td>{{ }}</td>
            <td>{{ lb_score_formatter(player.score, board.total_score_format) }}</td>
    {% endfor %}
<small>Powered by <a href="">Rise</a></small>

A list of custom theme tags and commands is below:

{{ }}

Name of the Rise board

{{ board.description }}

Description (html)

{{ board.description|striptags }}

Description (plain text)

{{ board.permalink }}

Link to the Rise Board

{{ board.owner }}

Publisher of the board (html)

{{ }}

Publisher Full Name

{{ releases.current.time }}

Date and Time this release was published

{{ releases.previous.time }}

Previous release date / time

{{ board.next_release }}

Next release date / time

{{ board.board_id }}

Board ID

{{ board.cut }}

Top N players eg 10, 20, 40 or 100 we are showing


Published by field


{% for player in players %} {% endfor %}

Player loop ascending (1 to 100)

{% for player in players|reverse %} {% endfor %}

Player loop descending (100 to 1)

{{ player.rank.current }}

Player rank

{{ player.rank.previous }}

Previous rank

{{ player.rank.img }}

Outputs an up, down, equal or new arrow

{{ player.rank.change }}

Outputs up, down, equal or new

{{ player.image }}

Profile image

{{ }}

Display name

{{ player.profile }}

Profile link

{{ player.secondary.username }}

Profile username

{{ }}

Link to secondary username

{{ player.score }}

Total score

{{ }}

Player bio

{{ player.board_note}}

Manager Note

 {{ lb_score_formatter(player.score, board.total_score_format) }}

Formatted Total Score 


{% for column in board.columns %} {% endfor %}

Loop through visible metrics   as column headings

{{ }}

Name of the metric

{{ board.score_display_name }}

Total score display name


{% for score in player.scores %} {% endfor %}

{{ }}

Name of the metric

{{ score.score }}

Metric Score

{{ lb_score_formatter(score.score, score.score_format)    }}

Formatted Score



{{ pagination }} Provides pagination for your leaderboard (must be outside the main player loop)

{{ custom.css }}

Custom CSS for this board

{{ custom.js }}

Custom JS for this board (run when document is ready)

Displaying Teams and Divisions

You can also show which division or team is associated with a player. These are stored in the player.tags array:
 {% if (player.tags) %}
        {% for division,team in player.tags %}
            <span class="badge" title="{{ division }}">{{ team }}</span>
        {% endfor %}
{% endif %}


  1. What display and notification channels can you use to share scores with your audience?
  2. Sharing your scorecard on your own micro website hosted on
  3. Sharing (displaying) your scorecard on a big screen TV
  4. Sharing your scorecard by embedding it on your own web site
  5. Sharing your scorecard on Twitter
  6. Sharing your scoredcard by email to your users & followers
  7. Sharing your scorecard data by exporting to csv (Excel) file
  8. themes
  9. Customisation options for Themes
  10. Sharing your scorecard on using the Chrome theme
  11. Sharing your scorecard on using the Tabular theme
  12. Sharing your scorecard on using the Claro theme
  13. Sharing your scorecard on using the Boxes theme
  14. How do I customise (edit) my scorecard text and images?
  15. How do I change my theme?
  16. How do I customise my theme with CSS?
  17. Metric columns are not displaying in the embedded widget
  18. How do I add custom fields such as sponsor logos to my custom theme?
  19. Can I tweet different messages to users on different teams on my scorecard?
  20. How to embed your Rise leaderboard on a Geckoboard Dashboard
  21. Embedding your scorecard as a WordPress Widget
  22. How to create a custom theme for your embedded or TV leaderboard
  23. How do I embed a leaderboard on SharePoint?
  24. How to generate a facewall image of the Top 10 or 100 of your users
  25. How to embed your Rise leaderboard on a Cyfe Dashboard
  26. How to set up automated coaching with Stories & Tips
  27. How do I show more users on each page of my scorecard?

Feedback and Knowledge Base