User Cards - Vanilla Success

* { padding: 0; margin: 0; box-sizing: border-box; transition: opacity .3s ease-in-out,color .3s ease-in-out; transition-delay: 0; } .footer { background: #2B2B2B; color: #909090; font-size: 14px; line-height: 1.5; padding: 28px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer a { color: #fff; opacity: 0.8; } .footer a:hover { color: #fff; opacity: 1; } .footer a * { color: inherit; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyright { justify-content: flex-start; flex: 1; } .footer-col-logo { justify-content: flex-start; } .footer-col-copyright, .footer-col-logo { display: flex; } .logo { width: 120px; height: 36px; color: inherit; } .social-links { display: flex; flex-wrap: wrap; align-items: center; } .social-link-item { flex: 1; list-style: none; color: white; } .social-link-item a { padding: 0 12px; display: inline-block; } .social-link-icon { height: 36px; width: 36px; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyright { margin-top: 6px; margin-bottom: 18px; } .footer-col-copyright, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } .social-links { justify-content: center; } .social-link-item { display: flex; align-items: center; justify-content: center; } } /*# sourceMappingURL=styles.css.map */

With the 2020.014 release we introduced user cards to our Knowledge Base and Foundation-based themes. User cards allow you and your users to get a quick preview of a user's profile without having to navigate to their profile.

When you have the "View>Profile" permissions, the user card will appear when you click on a user's username or avatar. The first iteration includes basic info that is available on all Vanilla sites:

Username
Avatar
Title
Email address
# of discussions
# of comments
Join date
Last active date

Screen Shot 2020-07-08 at 3.12.32 PM.png

N.B. Email addresses are considered personal information, users need the the "Personal Info>View" in order to view a user's email address.

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 -

https://success.vanillaforums.com/categories/product-ideas

User Cards are available by default on Foundation-based themes and on our Knowledge Base pages. If you are using our Keystone theme or a custom theme based on Keystone for example, this feature can be enabled by your CSM.

We recommend testing this on your staging site before enabling this on your production site as you may need to adjust your theme styling.