Here is the factory code for the Knowledge Base page for the Customer Hub. If you would like to use this code on your page, you can hit the red “Revert” button on your page. If you do not see the “Revert” button, that means your code is up to date.

If you have customized your code and would like to compare it with the factory code below, we recommend using a text compare tool such as DiffNow.

 <div id="form-views" ui-view>
    <div ncy-breadcrumb></div>
    <div class="row row-centered">
        <div class="col-sm-12" ng-repeat="Category in KnowledgeBaseCategories">
            <div class="col-xs-12 col-sm-11 col-md-10 col-lg-9 col-centered">
                <div class="panel panel-default" style="padding: 0px 15px 15px 15px;">
                    <h2 class="MainCategoryName text-center">
                        <a href="/knowledgeBase/category/{{Category.CategoryID}}">
                            {{Category.CategoryName}}
                        </a>
                    </h2>

                    <div class="row SubCategorySection">
                        <div class="col-sm-6" ng-repeat="SubCategory in Category.SubCategories">
                            <h5 class="CategoryName">
                                <a href="/knowledgeBase/category/{{Category.CategoryID}}/subcategory/{{SubCategory.CategoryID}}">{{SubCategory.CategoryName}} ({{SubCategory.Articles.length}})</a>
                            </h5>
                            <a href="/knowledgeBase/{{Article.ArticleID}}" class="center-block articleName" ng-repeat="Article in SubCategory.Articles | limitTo:limit" ng-bind-html="Article.ArticleName"></a>
                            <div ng-if="SubCategory.Articles.length > limit" style="margin-top:6px;">
                                <a href="/knowledgeBase/category/{{Category.CategoryID}}/subcategory/{{SubCategory.CategoryID}}">View More <i class="fa fa-hand-o-right"></i></a>
                            </div>
                        </div>
                        <div class="col-sm-6" ng-if="Category.Articles.length > 0">
                            <a href="/knowledgeBase/{{Article.ArticleID}}" class="center-block articleName" ng-repeat="Article in Category.Articles" ng-bind-html="Article.ArticleName"></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<style>

.CategoryName {
	border-bottom: 1px solid #eee;
	margin-top: 20px;
	padding-bottom: 10px;
}

.SubCategorySection {
    margin-top:20px;
}

.articleName {
    padding-top: 8px;
}

.MainCategoryName,
.CategoryName,
.MainCategoryName > a,
.CategoryName > a {
    font-weight:bold;
}

</style>

Need more help with this?
Don’t hesitate to contact us here.

Was this helpful?

Yes No
You indicated this topic was not helpful to you ...
Could you please leave a comment telling us why? Thank you!
Thanks for your feedback.