Recognitions Block
Note: For the APIs used to create this block, see Create a Custom Web Component or Block.
Use the Recognitions block to celebrate successes, reward performance, and show appreciation for great work. This block displays an interface where participants can recognize one another and view the recognitions they've sent and received. Depending on your recognition setup, you can allow everyone to give recognition, everyone to receive recognition, or designate who can give and who can receive.
Name and Image Preferences
In large programs, you may want to use the additionalName preference to add a nickname or other identifier to differentiate between users with the same or similar names. The additional name will display in the recipients search field and other areas within the block.
If a user does not have an image set, you can show that user's level or initials in the Recognitions block. See Site Preferences for details.
|
|
Configure a Block
- Configure recognition for your program.
- Open Nitro Studio > Integrate > Blocks.
- Click New > Recognitions.
- Use the header bar to edit the block's name. The name does not need to be unique.
- Use the General drawer to set the block's height and width.
- Use the Settings drawer to define the data that displays in the block.
- Use the Text drawer to change the title, subtitle, and tab names in the block.
- Use the Languages drawer to localize or customize the text in the block.
- Click Save. Changes are pushed to any site where the block is embedded and also reflected in the preview.
- Click Copy Embed Code () > Copy ().
- Include the code to generate an OAuth token in your app.
- Insert the embed code where you want to display the block in your app or web page, and update the variables for the OAuth token and logged in user.
Sample Embed Code
See Embed a Block for more information and the Block Builder for the most up-to-date embed code. The following is an example embed for a Recognitions block.
<div style="width: 485px; height: 650px">
<iframe title="Recognitions"
style="border: none; width: 100%; height: 100%"
src="src="https://blocks.bunchball.com/embeds/recognitions/2eeba795-7435-0000-0000-4b8c3d6457a3?token=5815f6d788665edbde18e">
</iframe>
</div>
See also