156 Results
How to build a custom thread list for display in message-list-panel
...equence variable, which I will feed to the "forums.widget.message-list-panel" component for display. Here's my code snippet: <#list rest("/search/messages?openresponse=true&sort_by=-t...470Views
Sign in to react to this post5Comments
Launching on Khoros Communities: Session #1: Why Communities Aurora? | Instructor Led-Training
...pm UTC In today’s ever changing digital world, to retain and keep customers satisfied, customer engagement tools must be ever evolving, most importantly your engagement communities. Aurora delivers a...810Views
Sign in to react to this post0Comments
Valid And Invalid Severity 1 Examples
To help determine what Khoros considers a valid Severity 1 scenario, we've put together the following examples for you. Please see the attached document.11KViews
Sign in to react to this post0Comments
Vitality values like on community.khoros.com
Dear Community, how can we add the vitality values like on the community.khoros.com startpage? We'd like to have the stats under the search bar without any additonal icons as shown on vitalty quilt...Solved723Views
Sign in to react to this post4Comments
- AbhishekGu4 years agoKhoros Alumni (Retired)
I have somehow customise this functionality, find the code below:
CSS:<style>
.lia-panel.lia-panel-standard.custom-vitality {
text-align: center;
}
.lia-vitality-value-style{
color: #FFFFFF !important;
}
.lia-vitality-key-style{
color: #FFFFFF !important;
}
.lia-panel .custom-vitality .lia-panel-heading-bar-wrapper .lia-panel-heading-bar .lia-panel-heading-bar-title {
display: none;
}
.lia-panel.custom-vitality .lia-vitality-component .lia-metrics-display.lia-vitality-metrics-display-completed-registrations:before {
background-color: #00004B;
}
.lia-panel.custom-vitality .lia-vitality-component .lia-metrics-display.lia-vitality-metrics-display-net-overall-threads:before {
background-color: #00004B;
}
.lia-panel.custom-vitality .lia-vitality-component .lia-metrics-display.lia-vitality-metrics-display-net-kudos-count:before{
background-color: #00004B;
}
</style>Component (custom-vitality) code:
<#include "theme-lib.common-functions" />
<#assign qry = "SELECT * FROM metrics WHERE id IN ('net_accepted_solutions','completed_registrations','net_overall_threads', 'net_kudos_weight', 'net_overall_posts')" />
<#assign metrics = executeLiQLQuery(qry, false, true) />
<#if metrics?size gt 0>
<#assign asCount = 0 />
<#assign crCount = 0 />
<#assign nopCount = 0 />
<#assign nkCount = 0 />
<#assign overallTopicCount = 0 />
<#list metrics as metric>
<#switch metric.id>
<#case "net_accepted_solutions">
<#assign asCount = metric.value />
<#break />
<#case "completed_registrations">
<#assign crCount = metric.value />
<#break />
<#case "net_overall_threads">
<#assign nopCount = metric.value />
<#break />
<#case "net_kudos_weight">
<#assign nkCount = metric.value />
<#break />
<#case "net_overall_posts">
<#assign overallTopicCount = metric.value />
<#break />
</#switch>
</#list>
<@generateComponentContent className="custom-vitality" componentTitleKey="custom.vitality.title">
<div class="lia-vitality-component lia-community-metrics-display">
<div class="lia-vitality-display lia-metrics-display lia-vitality-metrics-display-completed-registrations" role="presentation">
<span class="lia-vitality-stats"><span class="lia-vitality-value lia-vitality-value-style">${crCount}</span><span class="lia-vitality-key lia-vitality-key-style">${text.format("general.Members")}</span></span>
</div>
</div>
<div class="lia-vitality-component lia-community-metrics-display">
<div class="lia-vitality-display lia-metrics-display lia-vitality-metrics-display-net-overall-threads" role="presentation">
<span class="lia-vitality-stats"><span class="lia-vitality-value lia-vitality-value-style">${overallTopicCount}</span><span class="lia-vitality-key lia-vitality-key-style">${text.format("general.Posts")}</span></span>
</div>
</div>
<div class="lia-vitality-component lia-community-metrics-display">
<div class="lia-vitality-display lia-metrics-display lia-vitality-metrics-display-net-kudos-count" role="presentation">
<span class="lia-vitality-stats"><span class="lia-vitality-value lia-vitality-value-style">${nkCount}</span><span class="lia-vitality-key lia-vitality-key-style">${text.format("general.Kudos")}</span></span>
</div>
</div>
</@generateComponentContent>
</#if>Hope it helps.
Regards,
Abhishek GuptaSign in to react to this post
Styling custom components
...upport's suggestion was "don't use custom components and just use custom content." Since that's the lamest response I hope I'll ever get, I was hoping someone could help me with any CSS they used within a...Solved854Views
Sign in to react to this post3Comments
- ChudoL14 years agoLithium Alumni (Retired)
Hi kentgilliam, try wrapping your custom component's content with the following HTML:
<div class="lia-panel lia-panel-standard"> <div class="lia-decoration-border"> <div class="lia-decoration-border-top"><div></div></div> <div class="lia-decoration-border-content"> <div> <div class="lia-panel-heading-bar-wrapper"> <div class="lia-panel-heading-bar"><span class="lia-panel-heading-bar-title">Panel Heading</span></div> </div> <div class="lia-panel-content-wrapper"> <div class="lia-panel-content"> <p>Your custom content here.</p> <p>Optional:</p> <div class="lia-text"> <p>(Content in this div will have margins and some text formatting because of the "lia-text" class.)</p> </div> </div> </div> </div>
</div> <div class="lia-decoration-border-bottom"><div></div></div> </div> </div>You'll be replacing everything in the "lia-panel-content" div with your content, as well as editing "Panel Heading" to the panel heading title you want.
I believe the reason Custom Content was suggested is because it has the decorative panel wrapper by default, and can be toggled off with panel="false" in the XML. (See my reply here: http://lithosphere.lithium.com/t5/Customer-Connection-Private/Custom-Content-HTML-Codes/m-p/31385#M1651)
Hope that helps.
Sign in to react to this post