User Cards - Vanilla Success
<main> <article class="userContent"> <p><strong>User Cards</strong> are a convenience feature that enable users to see a preview of a user's profile without needing to navigate <em>to</em> their profile.</p><p><strong>📝 NOTE</strong>: User Cards are available, by default, for our Knowledge Base and Foundation-based themes. Users must also have the <code class="code codeInline" spellcheck="false" tabindex="0">View</code> > <code class="code codeInline" spellcheck="false" tabindex="0">Profile</code> permission to see User Cards.</p><div class="embedExternal embedImage display-medium float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/3YG10VL9WQEQ/screen-shot-2021-11-08-at-9-22-38-am.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/3YG10VL9WQEQ/screen-shot-2021-11-08-at-9-22-38-am.png" alt="Screen Shot 2021-11-08 at 9.22.38 AM.png" height="1112" width="786" loading="lazy" data-display-size="medium" data-float="none"></img></a> </div> </div> <p>User Cards display when you click a user's username or avatar, and provide the following information:</p><ul><li>Username</li><li>Avatar</li><li>Rank Label</li><li>Email address</li><li># of discussions (links to discussions on user's profile page)</li><li># of comments (links to comments on user's profile page)</li><li>Badges (up to 7 most recent)</li><li>Join date</li><li>Last active date</li></ul><p><strong>📝 NOTE</strong>: Email addresses are considered personal information. Users must have the <code class="code codeInline" spellcheck="false" tabindex="0">Personal Info</code> > <code class="code codeInline" spellcheck="false" tabindex="0">View</code> in order to see a user's email address.</p><h2 data-id="set-up">Set Up</h2><p><strong>📝 NOTE</strong>: User Cards are available, by default, on Foundation-based themes and on our Knowledge Base pages. </p><p>If you're using our Keystone theme, or a custom theme based on Keystone, for example, you can manually enable this feature. To do so:</p><ol><li>Access the Dashboard.</li><li>Navigate to <strong>Settings > Addons > Labs</strong>.</li><li>Click the <strong>Usercards</strong> toggle to slide it to the right. </li></ol><p><strong>📝 NOTE</strong>: See <a href="https://success.vanillaforums.com/kb/articles/400-vanilla-labs" rel="nofollow noreferrer ugc">Labs</a> to learn more about these features.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/MYYBBH7TQ5Z3/enable-user-cards.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/MYYBBH7TQ5Z3/enable-user-cards.png" alt="enable_user_cards.png" height="474" width="1272" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p><strong>✔️ TIP</strong>: We recommend testing User Cards on your staging site before enabling this feature on your production site, as you may need to adjust your theme styling.</p><p>Read more about how to integrate Foundation elements into a legacy theme:</p><div class="js-embed embedResponsive" data-embedjson="{"body":"Our new theme editor is designed to allow you to easily configure and customize the look and feel of our Foundation themes, pages and components. If you are not using Foundation, and are using a legacy theme, such as Keystone, Bootstrap3, or perhaps a custom theme, you have the option to start integrating Foundation-based…","photoUrl":"https:\/\/us.v-cdn.net\/6030677\/uploads\/VWGAXAF5OFCO\/microsoftteams-image.png","url":"https:\/\/success.vanillaforums.com\/kb\/articles\/403-integrate-foundation-pages-into-your-legacy-theme","embedType":"link","name":"Integrate Foundation pages into your Legacy Theme - Vanilla Success"}"> <a href="https://success.vanillaforums.com/kb/articles/403-integrate-foundation-pages-into-your-legacy-theme" rel="nofollow noreferrer ugc"> https://success.vanillaforums.com/kb/articles/403-integrate-foundation-pages-into-your-legacy-theme </a> </div><p>Other info and profile info is being considered for future iterations of user cards. Feel free to submit requests and use cases on our Product Ideas category here -</p><div class="js-embed embedResponsive" data-embedjson="{"body":"Share your Vanilla feedback, vote on ideas and help us improve our platform.","photoUrl":"https:\/\/us.v-cdn.net\/6030677\/uploads\/VWGAXAF5OFCO\/microsoftteams-image.png","url":"https:\/\/success.vanillaforums.com\/categories\/product-ideas","embedType":"link","name":"Product Ideas"}"> <a href="https://success.vanillaforums.com/categories/product-ideas" rel="nofollow noreferrer ugc"> https://success.vanillaforums.com/categories/product-ideas </a> </div><p><br></p> </article> </main>