Public

List of Khoros Community OOTB and Custom components

List of Khoros Community OOTB and Custom components

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.

Labels (1)
Comments
Mentor

@AndyK @JohnD  How about the search results page? I see that you allow filtering results by Label. Is this configurable OOTB or a customization?

Khoros Alumni (Retired)

@Cloudera  filtering by labels on search page is present OOB

Guide

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?

Khoros Alumni (Retired)

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

Guide

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.

Khoros Alumni (Retired)

Trying naming your component "theme-lib.profile-card", without the "@override".

Director

@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.

Khoros Alumni (Retired)

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:

Screen Shot 2021-03-05 at 9.52.24 AM.png

Boss

Has anything changed to this list in the last couple of years?

Khoros Alumni (Retired)

There is probably some updates needed. I will meet with the devs and review in the near future

Director

@AndyK shows as retired now.
I would be interested in seeing this list reviewed and updated as necessary.

Advisor

I'm looking for component (preferably) oot which I would like to used to provide texts and a buttons for example in case of modified terms and conditions which users have to accept or decline. 

Is there anything like this available?

Moderator

@CKummer We don't have a specific OOTB component for that, but this particular use case for accept/decline when terms and conditions change is being addressed in Aurora, and it's not planned for Classic.


 

List of Khoros Community OOTB and Custom components

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.

Labels (1)
Last Reviewed:
03-08-2024 11:28 AM

List of Khoros Community OOTB and Custom components

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.

Labels (1)
Version history
Last update:
‎11-13-2020 09:51 AM
Updated by: