We get a lot of questions about whether specific Khoros Community components are available out-of-the-box (OOTB) or are customizations. Here' a list of the components we get questions about and whether they are available OOTB or via a Professional Services engagement.
List of Khoros Community page components
Home Page | Notes | Availability |
Header | Flyout navigation menu, avatar messages, general navigation | OOTB |
Notification banner | Custom (existed on old Khoros Community, too) | Custom |
Header | Search bar and Statistics | OOTB |
Header | Personalization, fixed background, carousel | Custom, via PS engagement * |
Wayfinding bar | cc block hooked into settings list editor | Custom, via PS engagement * |
Activity feed | Completely custom (part of Themes) | Custom, via PS engagement * |
Resources | Custom module | Custom development ** |
Featured posts | Settings list editor | Custom development ** |
Latest from Khoros | Settings list editor | Custom, via PS engagement * |
Welcome | OOTB | |
Community stats | Custom, via PS engagement * |
|
Users online | Users Online (Avatar Only) |
|
Top Contributors | Custom development ** | |
Custom Header | Reimagined Community header to build a more intuitive navigation and search experience. | Custom |
Category | ||
Header | Custom, via PS engagement * |
|
Tiles | Custom, via PS engagement * |
|
Tiles drop down | Not currently available | |
Category activity | See homepage activity feed | Custom development ** |
Node Information | The Node Information component displays the node avatar, title, description | OOTB |
Node Avatar |
The Node Avatar displays the avatar set for the node in Community Admin > Community Structure when creating or editing a node. |
OOTB |
Node Message List (Preview) |
The Node Message List (Preview) component displays a list of topics within the node and its subnodes. |
OOTB |
Board | ||
Filter | Custom, via PS engagement * |
|
Follow button | Bookmark that has some light customization | Custom development ** |
Board feed | Custom | |
Tags | OOTB | |
Leaderboard | OOTB | |
Trending discussions | Custom (from Themes) | |
Inline replies and threading | With Inline replies, you can reply to another reply and continue the discussion in a separate, single thread. | OOTB |
Thread | Help from PS | Custom development ** |
Related Topics | Custom | |
WYSIWYG Quick Reply | OOB, but requires extra styling | |
Message editor | Layout changes from | OOTB |
Discussion style icons for content mentions | Enhanced content mentions to add an icon before the content mention that indicates the type of content being mentioned (forum, blog, TKB, etc.) | Custom |
All Blog pages and articles | Custom, via PS engagement * |
|
Blog Page Article List | OOTB | |
Featured Article | OOTB | |
Labels | OOTB | |
Popular Articles | Custom (from Themes) | |
Related Articles | Custom (from Themes) | |
TKB | ||
Follow and Filter | See above | Custom, via PS engagement * |
Rest of TKB | OOTB | |
My Settings | OOTB | |
Profile | ||
Layout, member profile, header | Custom, via PS engagement | |
Drafts | OOTB | |
Topics I participated | OOTB | |
Right rail | OOTB | |
Global | ||
Status Page Banner | Show any currently reported issues/outages relevant to the solution. | Custom |
Access Signposting | Customization that displays a fixed indicator (we call it a signpost) highlighting the access level of content on the current page being viewed. | Custom |
Sign-In Page | Customized to allow SSO and non-SSO login/registration options. | Custom |
Idea Exchange | OOTB | |
Profile Hovercard | Hovercard that shows when hovering the mouse over the username. | Custom, via PS engagement |
Group Hubs | Group Hubs are our next generation to Groups | OOTB |
Contest | OOTB |
* Custom, via PS: These items have been done by our professional services team on a number of occasions.
** Custom development: These were built specifically for the Khoros Community. We are currently assessing how to make these items more wildly available.
@Cloudera filtering by labels on search page is present OOB
while looking at a post in a thread, if you hover over the username, a pop out with the username is displayed. Which componet needs to be modified to include first and last name? Is it member profile?
The mark-up inside the profile card is produced by an endpoint. If you want to customize this beyond the admittedly barebones content included by default, add an override for the theme-lib.profile-card endpoint in Studio -> Macros (or res/controllers/theme-lib.profile-card.ftl via Community SDK), and start with this code:
<#compress>
<#setting number_format="0.######"/>
<#include "theme-lib.common-functions.ftl" />
<#assign userId = getRequestField("userId", "-1", true)?number />
<#if userId gt 0 && validEndpointRequest(false, true, false)>
<#assign userQry = "SELECT login, view_href, rank.name, rank.color, avatar.profile FROM users WHERE id='${userId}'" />
<#assign userProfileData = executeLiQLQuery(userQry) />
<#if userProfileData?size gt 0>
<#assign userProfileData = userProfileData[0] />
</#if>
<div class="lia-message-author-avatar lia-component-author-avatar">
<div class="UserAvatar lia-user-avatar lia-component-common-widget-user-avatar">
<span class="UserAvatar lia-link-navigation">
<img class="lia-user-avatar-message" title="${(userProfileData.login)!""}" alt="${(userProfileData.login)!""}" src="${(userProfileData.avatar.profile)!""}" />
</span>
</div>
</div>
<div class="user-info">
<div class="mini-profile-author">${(userProfileData.login)!""}</div>
<div class="mini-profile-rank">${(userProfileData.rank.name)!""}</div>
</div>
<div class="links-area">
<a href="${(userProfileData.view_href)!""}" class="profile-link">${text.format("custom.mini.profile.view.link")} <i class="lia-fa lia-fa-angle-right"></i></a>
</div>
</#if>
</#compress>
You can then modify the LiQL call and mark-up as you like.
See the Khoros Developer Docs for more info: https://developer.khoros.com/khoroscommunitydevdocs/reference/khoros-communities-platform-apis
Thanks for the reply, seems easy enough. Path taken: STUDIO->ENDPOINT->New Macro
created new macro theme-lib.profile-card@override. Made slight change to the default but change is not being reflected.
Trying naming your component "theme-lib.profile-card", without the "@override".
@TysonN When I try and create theme-lib.profile-card as a macro (what you said originally), I get the error: "Duplicate file name." Same when I try to create it as an endpoint. Creating as a component has no effect.
Thanks, @phoneboy , you're right!
Since Studio doesn't allow creation of that override, you'll need to use the Community SDK to do it. And you'll also need to create the endpoint XML file, if you want the override to show up in Studio after creation. You'd need these two files:
/res/controllers/theme-lib.profile-card.ftl:
<#compress>
<#setting number_format="0.######"/>
<#include "theme-lib.common-functions.ftl" />
<#assign userId = getRequestField("userId", "-1", true)?number />
<#if userId gt 0 && validEndpointRequest(false, true, false)>
<#assign userQry = "SELECT login, view_href, rank.name, rank.color, avatar.profile FROM users WHERE id='${userId}'" />
<#assign userProfileData = executeLiQLQuery(userQry) />
<#if userProfileData?size gt 0>
<#assign userProfileData = userProfileData[0] />
</#if>
<div class="lia-message-author-avatar lia-component-author-avatar">
<div class="UserAvatar lia-user-avatar lia-component-common-widget-user-avatar">
<span class="UserAvatar lia-link-navigation">
<img class="lia-user-avatar-message" title="${(userProfileData.login)!""}" alt="${(userProfileData.login)!""}" src="${(userProfileData.avatar.profile)!""}" />
</span>
</div>
</div>
<div class="user-info">
<div class="mini-profile-author">${(userProfileData.login)!""}</div>
<div class="mini-profile-rank">${(userProfileData.rank.name)!""}</div>
</div>
<div class="links-area">
<a href="${(userProfileData.view_href)!""}" class="profile-link">${text.format("custom.mini.profile.view.link")} <i class="lia-fa lia-fa-angle-right"></i></a>
</div>
</#if>
</#compress>
/res/endpoints/theme-lib.profile-card.endpoint.xml:
<endpoint version="1.0.0" key="theme-lib.profile-card" feature="custom.communitythemes.support">
<model/>
<view type="freemarker" contenttype="text/html" macro="false"/>
<controller id="basic" path="/theme-lib.profile-card"/>
</endpoint>
I tested this out in a sandbox, and I see this in Studio:
Has anything changed to this list in the last couple of years?
There is probably some updates needed. I will meet with the devs and review in the near future
@AndyK shows as retired now.
I would be interested in seeing this list reviewed and updated as necessary.
We get a lot of questions about whether specific Khoros Community components are available out-of-the-box (OOTB) or are customizations. Here' a list of the components we get questions about and whether they are available OOTB or via a Professional Services engagement.
List of Khoros Community page components
Home Page | Notes | Availability |
Header | Flyout navigation menu, avatar messages, general navigation | OOTB |
Notification banner | Custom (existed on old Khoros Community, too) | Custom |
Header | Search bar and Statistics | OOTB |
Header | Personalization, fixed background, carousel | Custom, via PS engagement * |
Wayfinding bar | cc block hooked into settings list editor | Custom, via PS engagement * |
Activity feed | Completely custom (part of Themes) | Custom, via PS engagement * |
Resources | Custom module | Custom development ** |
Featured posts | Settings list editor | Custom development ** |
Latest from Khoros | Settings list editor | Custom, via PS engagement * |
Welcome | OOTB | |
Community stats | Custom, via PS engagement * |
|
Users online | Users Online (Avatar Only) |
|
Top Contributors | Custom development ** | |
Custom Header | Reimagined Community header to build a more intuitive navigation and search experience. | Custom |
Category | ||
Header | Custom, via PS engagement * |
|
Tiles | Custom, via PS engagement * |
|
Tiles drop down | Not currently available | |
Category activity | See homepage activity feed | Custom development ** |
Node Information | The Node Information component displays the node avatar, title, description | OOTB |
Node Avatar |
The Node Avatar displays the avatar set for the node in Community Admin > Community Structure when creating or editing a node. |
OOTB |
Node Message List (Preview) |
The Node Message List (Preview) component displays a list of topics within the node and its subnodes. |
OOTB |
Board | ||
Filter | Custom, via PS engagement * |
|
Follow button | Bookmark that has some light customization | Custom development ** |
Board feed | Custom | |
Tags | OOTB | |
Leaderboard | OOTB | |
Trending discussions | Custom (from Themes) | |
Inline replies and threading | With Inline replies, you can reply to another reply and continue the discussion in a separate, single thread. | OOTB |
Thread | Help from PS | Custom development ** |
Related Topics | Custom | |
WYSIWYG Quick Reply | OOB, but requires extra styling | |
Message editor | Layout changes from | OOTB |
Discussion style icons for content mentions | Enhanced content mentions to add an icon before the content mention that indicates the type of content being mentioned (forum, blog, TKB, etc.) | Custom |
All Blog pages and articles | Custom, via PS engagement * |
|
Blog Page Article List | OOTB | |
Featured Article | OOTB | |
Labels | OOTB | |
Popular Articles | Custom (from Themes) | |
Related Articles | Custom (from Themes) | |
TKB | ||
Follow and Filter | See above | Custom, via PS engagement * |
Rest of TKB | OOTB | |
My Settings | OOTB | |
Profile | ||
Layout, member profile, header | Custom, via PS engagement | |
Drafts | OOTB | |
Topics I participated | OOTB | |
Right rail | OOTB | |
Global | ||
Status Page Banner | Show any currently reported issues/outages relevant to the solution. | Custom |
Access Signposting | Customization that displays a fixed indicator (we call it a signpost) highlighting the access level of content on the current page being viewed. | Custom |
Sign-In Page | Customized to allow SSO and non-SSO login/registration options. | Custom |
Idea Exchange | OOTB | |
Profile Hovercard | Hovercard that shows when hovering the mouse over the username. | Custom, via PS engagement |
Group Hubs | Group Hubs are our next generation to Groups | OOTB |
Contest | OOTB |
* Custom, via PS: These items have been done by our professional services team on a number of occasions.
** Custom development: These were built specifically for the Khoros Community. We are currently assessing how to make these items more wildly available.
We get a lot of questions about whether specific Khoros Community components are available out-of-the-box (OOTB) or are customizations. Here' a list of the components we get questions about and whether they are available OOTB or via a Professional Services engagement.
List of Khoros Community page components
Home Page | Notes | Availability |
Header | Flyout navigation menu, avatar messages, general navigation | OOTB |
Notification banner | Custom (existed on old Khoros Community, too) | Custom |
Header | Search bar and Statistics | OOTB |
Header | Personalization, fixed background, carousel | Custom, via PS engagement * |
Wayfinding bar | cc block hooked into settings list editor | Custom, via PS engagement * |
Activity feed | Completely custom (part of Themes) | Custom, via PS engagement * |
Resources | Custom module | Custom development ** |
Featured posts | Settings list editor | Custom development ** |
Latest from Khoros | Settings list editor | Custom, via PS engagement * |
Welcome | OOTB | |
Community stats | Custom, via PS engagement * |
|
Users online | Users Online (Avatar Only) |
|
Top Contributors | Custom development ** | |
Custom Header | Reimagined Community header to build a more intuitive navigation and search experience. | Custom |
Category | ||
Header | Custom, via PS engagement * |
|
Tiles | Custom, via PS engagement * |
|
Tiles drop down | Not currently available | |
Category activity | See homepage activity feed | Custom development ** |
Node Information | The Node Information component displays the node avatar, title, description | OOTB |
Node Avatar |
The Node Avatar displays the avatar set for the node in Community Admin > Community Structure when creating or editing a node. |
OOTB |
Node Message List (Preview) |
The Node Message List (Preview) component displays a list of topics within the node and its subnodes. |
OOTB |
Board | ||
Filter | Custom, via PS engagement * |
|
Follow button | Bookmark that has some light customization | Custom development ** |
Board feed | Custom | |
Tags | OOTB | |
Leaderboard | OOTB | |
Trending discussions | Custom (from Themes) | |
Inline replies and threading | With Inline replies, you can reply to another reply and continue the discussion in a separate, single thread. | OOTB |
Thread | Help from PS | Custom development ** |
Related Topics | Custom | |
WYSIWYG Quick Reply | OOB, but requires extra styling | |
Message editor | Layout changes from | OOTB |
Discussion style icons for content mentions | Enhanced content mentions to add an icon before the content mention that indicates the type of content being mentioned (forum, blog, TKB, etc.) | Custom |
All Blog pages and articles | Custom, via PS engagement * |
|
Blog Page Article List | OOTB | |
Featured Article | OOTB | |
Labels | OOTB | |
Popular Articles | Custom (from Themes) | |
Related Articles | Custom (from Themes) | |
TKB | ||
Follow and Filter | See above | Custom, via PS engagement * |
Rest of TKB | OOTB | |
My Settings | OOTB | |
Profile | ||
Layout, member profile, header | Custom, via PS engagement | |
Drafts | OOTB | |
Topics I participated | OOTB | |
Right rail | OOTB | |
Global | ||
Status Page Banner | Show any currently reported issues/outages relevant to the solution. | Custom |
Access Signposting | Customization that displays a fixed indicator (we call it a signpost) highlighting the access level of content on the current page being viewed. | Custom |
Sign-In Page | Customized to allow SSO and non-SSO login/registration options. | Custom |
Idea Exchange | OOTB | |
Profile Hovercard | Hovercard that shows when hovering the mouse over the username. | Custom, via PS engagement |
Group Hubs | Group Hubs are our next generation to Groups | OOTB |
Contest | OOTB |
* Custom, via PS: These items have been done by our professional services team on a number of occasions.
** Custom development: These were built specifically for the Khoros Community. We are currently assessing how to make these items more wildly available.