Here is the factory code for the Dashboard 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 search></div>
<div class="container-fluid no-gutter">
    <div class="row row-centered no-gutter">
        <div class="dashboard-panel">
            <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 col-centered" ng-show="showWiki">
                <div class="panel panel-default shadowHover">
                    <a href="/Wiki" class="panelLink">
                        <div class="hubPanel panel-body">
                            <div class="panelLogo" style="color:#2969B0;">
                                <i class="fa fa-map-signs fa-4x"></i>
                            </div>
                            <div class="panelTitleBar">
                                <div class="panelTitle">
                                    Browse our Wiki
                                </div>
                            </div>
                            <div class="panelContent">
                                Learn new tips, tricks, and access helpful documents
                            </div>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 col-centered" ng-show="showCommunity">
                <div class="panel panel-default shadowHover">
                    <a href="/Community" class="panelLink">
                        <div class="hubPanel panel-body">
                            <div class="panelLogo" style="color:mediumpurple;">
                                <i class="fa fa-users fa-4x"></i>
                            </div>
                            <div class="panelTitleBar">
                                <div class="panelTitle">
                                    Community
                                </div>
                            </div>
                            <div class="panelContent">
                                Browse information from other users in a forum style.
                            </div>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 col-centered" ng-show="showKB">
                <a href="/knowledgeBase" class="panelLink">
                    <div class="panel panel-default shadowHover">
                        <div class="hubPanel panel-body">
                            <div class="panelLogo" style="color:#D14841;">
                                <i class="fa fa-map-o fa-4x"></i>
                            </div>
                            <div class="panelTitleBar">
                                <div class="panelTitle">
                                    Knowledge Base
                                </div>
                            </div>
                            <div class="panelContent">
                                Answers to common questions and helpful training tips
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 col-centered" ng-show="showMyTickets">
                <a href="/mytickets" class="panelLink">
                    <div class="panel panel-default shadowHover">
                        <div class="hubPanel panel-body">
                            <div class="panelLogo" style="color:#00A885;">
                                <i class="fa fa-tags fa-4x"></i>
                            </div>
                            <div class="panelTitleBar">
                                <div class="panelTitle">
                                    Tickets
                                </div>
                            </div>
                            <div class="panelContent">
                                Send a ticket to our support team or review existing tickets
                            </div>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <div class="row row-centered dashboard-panel">
        <div class="col-xs-12 col-sm-6 col-md-5 col-lg-4 col-centered" ng-show="showKB">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <ul class="nav nav-pills">
                        <li role="presentation"><a ng-click="getPopularArticles()">Popular Articles</a></li>
                        <li role="presentation"><a ng-click="getRecentArticles()">Recent Articles</a></li>
                        <li ng-show="UserInfo.isAuthenticated" role="presentation"><a ng-click="getRecentTickets()">Recent Tickets</a></li>
                    </ul>
                </div>
                <div class="panelSeperator"></div>
                <div class="panel-body">
                    <ol class="list-unstyled panel-list">
                        <li ng-if="PopularArticles" ng-repeat="Article in PopularArticles">
                            <a href="/knowledgeBase/{{Article.ArticleID}}" ng-bind-html="Article.ArticleName"></a>
                        </li>
                        <li ng-show="UserInfo.isAuthenticated" ng-if="RecentTickets" ng-repeat="Ticket in RecentTickets">
                            <a href="/ticket/{{Ticket.TicketNumber}}">{{Ticket.Name}}</a>
                        </li>
                    </ol>
                </div>
            </div>
        </div>
        <div class="col-xs-12 col-sm-6 col-md-5 col-lg-4 col-centered" ng-show="showProducts && (Products.length > 0)">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <ul class="nav nav-pills">
                        <li role="presentation"><a href="/Products">My Products</a></li>
                    </ul>
                </div>
                <div class="panelSeperator"></div>
                <div class="panel-body">
                    <ol class="list-unstyled panel-list">
                        <li ng-if="Products" ng-repeat="Product in Products">
                            <a href="/Product/{{Product.ProductID}}">{{Product.Name}}</a>
                        </li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
</div>
<style>
    i {
        vertical-align: middle !important;
    }
.container-wide { margin-left: 0px; margin-right: 0px; } .dashboard-panel { margin-top: 30px; } .productLog { background-color: #f5f5f5; border-radius: 4px; } .panelTitle { padding-Left: 4px; font-size: 16px; height: 60px; color: #899AA6; display: inline; } .panelTitleBar { align-content: center; text-align: center; margin-top: 30px; } .hubPanel { padding: 28px; min-height: 260px; } .shadowHover:hover { box-shadow: 0 5px 11px 0 rgba(61,109,167,0.1), 0 4px 15px 0 rgba(61,109,167,0.1); -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .panelContent { font-size: 14px; font-weight: 300; margin-top: 30px; text-align: center; } .panelLink, .panelLink:hover { text-decoration: none; color: #000; } .panel-links { border-bottom: 1px solid black; } .panel-list { margin-left: 15px; } .panelSeperator { border-bottom: 1px solid #ddd; margin-left: 20px; margin-right: 20px; } .panelLogo { text-align: center; }

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.