Default HTML

Default Home Page Article HTML

This is the default HTML for Knowledge Base > Home Page. You can use it for reference or copy/paste it in and resave to return to the original default state.

For the default HTML in Settings > Style > Custom HTML > Home Page, see Default Home Page HTML.

<div>[template("base-cats")]</div>

<div class="homepage-widgets">
<div class="col-md-4 col-sm-6">
<h3>Popular Articles</h3>
[template("pop-articles")]</div>

<div class="col-md-4 col-sm-6">
<h3>New Articles</h3>
[template("new-articles")]</div>

<div class="visible-sm clear-both"></div>

<div class="col-md-4 col-sm-6">
<h3>Updated Articles</h3>
[template("up-articles")]</div>
</div>

Default Home Page HTML

This is the default HTML for Settings > Style > Custom HTML > Home Page. You can use it for reference or copy/paste it in and resave to return to the original default state.

For the default HTML for Knowledge Base > Home Page, see Default Home Page Article HTML.

<div class="ko-homepage-top">
 <h1 class="hg-article-title xcolor">[homepage("title")]</h1>
 [template("large-search")]
</div>
<div class="hg-article">
 <div class="hg-article-body">
 [homepage("body")]
 </div>
</div>

Default Body HTML

This is the default HTML for Settings > Style > Custom HTML > Body. You can use it for reference or copy/paste it in and resave to return to the original default state.

<div class="row hg-site-body slideout-new">
    [template("layout")]
  

</div>
<div class="row ko-site-footer text-center xsize">
    <div>Copyright © 2023 – 2024 Your Company, LLC. All rights reserved.
        <br>Made with <a href="https://www.knowledgeowl.com" target="_blank">KnowledgeOwl</a> <img class="ko-logo" src="https://dyzz9obi78pm5.cloudfront.net/app/image/id/65cbb573a7123f123624c722/n/favicon-32px.svg">
    </div>
</div>

Default Top Navigation HTML

This is the default HTML for Settings > Style > Custom HTML > Top Navigation. You can use it for reference or copy/paste it in and resave to return to the original default state.

<div class="navbar-header">
 [template("slideout-left-toggle")]
 <a class="navbar-brand" href="/[template("rootpath")]" alt="Logo" title="Your site">[template("project-logo")]</a>
 <h1 class="hg-project-name">[template("project-name")]</h1>
 <div class="nav-left-searchbar hidden-xs">
 [template("searchbar")]
 </div>
 <button type="button" class="navbar-toggle toc-toggle pull-left clear-left" data-toggle="collapse" data-target=".documentation-categories">
 <span class="sr-only">Table of Contents</span>
 <span class="browse">Table of Contents</span>
 <span class="icon-bar"></span>
 <span class="icon-bar"></span>
 <span class="icon-bar"></span>
 </button>
 [template("slideout-right-toggle")]
 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
 <span class="sr-only">Toggle navigation</span>
 <span class="icon-bar"></span>
 <span class="icon-bar"></span>
 <span class="icon-bar"></span>
 </button>
</div>
<div class="navbar-collapse collapse" id="navbar-collapse">
 [template("slideout-right-toggle")]
 <ul class="nav navbar-nav navbar-right">
 <li>[template("searchbar")]</li>
 <li>[template("contact")]</li>
 <li>[template("login")]</li>
 </ul>
</div>

Default Article HTML

This is the default HTML for Settings > Style > Custom HTML > Article. You can use it for reference or copy/paste it in and resave to return to the original default state.

<div class="hg-article">
    <div class="hg-article-header">
        <h1 class="hg-article-title">[article("title")]
            <span class="ko-article-actions">
                <span class="pdf">[article("pdf_download_tool")]</span>
                <a href="#" class="ko-js-print">
                    <i class="fa fa-print fa-fw"></i>
                </a>
                <script>
                function sendEmail() { 
                    var title = '[article("title")]'.replace("'", "\'").replace("&#039;", "\'"); 
                    window.location = 'mailto:?subject=' + title + '&body=' + window.location; 
                    }
                </script>
                <a href="#" onclick="sendEmail()">
                    <i class="fa fa-envelope-o fa-fw"></i>
                </a>
            </span>
        </h1>
        <div class="metadata">Last Modified on [article("date_modified")]</div>
    </div>
    <div class="hg-article-body">
        [article("body")]
    </div>
    <div class="hg-article-footer">
        <div class="ko-related-articles text-center">
            <h3>Related Articles</h3>
            [template("related")]
        </div>
        [template("rating")]
        [template("comments")]
    </div>
</div>

Default Article Version HTML

This is the default HTML for Settings > Style > Custom HTML > Article Version. You can use it for reference or copy/paste it in and resave to return to the original default state.

<div class="hg-article">
    <div class="hg-article-header">
        <h1 class="hg-article-title">Default Article Version HTML
        </div>
    </div>
</div> 

Default Login HTML

This is the default HTML for Settings > Style > Custom HTML > Login Page. You can use it for reference or copy/paste it in and resave to return to the original default state.

This is the default html for the Login Page. Default HTML to add a login link back to your Top Navigation is in Default Top Navigation HTML.
<div class="container login-container">
 [template("login-page")]
</div>

Default Manage Reader Subscriptions HTML

This is the default HTML for Settings > Style > Custom HTML > Manage Reader Subscriptions. You can use it for reference or copy/paste it in and resave to return to the original default state.

This is the default html for the Login Page. Default HTML to add a login link back to your Top Navigation is in Default Top Navigation HTML.
<div class="container reader-subscriptions-container">
	[template("readersubscriptions-page")]
</div>

Default 404 Error Page HTML

This is the default HTML for Settings > Style > Custom HTML > 404 Error Page. You can use it for reference or copy/paste it in and resave to return to the original default state.

<div class="documentation-article">
 <div class="ko-content-cntr">
 <div class="hg-article">
 <div class="error-page-top text-center">
 <h1 class="top-marginless">Uh oh! We’re sorry.</h1>
 <h2>We weren't able to find that page.</h2>
 <h3>Try a search or let us take you <a href="/help">home</a>.</h3>
 [template("large-search")]
 </div>
 <div class="homepage-widgets">
 <div class="col-md-4">
 <h3>Popular Articles</h3>
 [template("pop-articles")]
 </div>
 <div class="col-md-4">
 <h3>Recently Updated Articles</h3>
 [template("up-articles")]
 </div>
 <div class="col-md-4">
 <h3>New Articles</h3>
 [template("new-articles")]
 </div>
 </div>
 </div>
 </div>
</div>

Default Restricted Access Page HTML

This is the default HTML for Settings > Style > Custom HTML > Login. You can use it for reference or copy/paste it in and resave to return to the original default state.

<div class="hg-site-login">
 <div class="alert alert-danger text-center">
 <h4><i class="fa fa-exclamation-triangle"></i> You do not have access to view this content.</h4>
 </div>
</div>

Default Right Column HTML

This is the default HTML for Settings > Style > Custom HTML > Right Column. You can use it for reference or copy/paste it in and resave to return to the original default state.

<div class="panel panel-default right-col-panel art-info-panel">
 <div class="panel-heading">About this Article</div>
 <ul class="list-unstyled stat-list">
 <li>Created: [article("date_created")]</li>
 <li>Last updated: [article("date_modified")]</li>
 <li class="hg-article-controls-right">
 <a href="#" class="js-print"><i class="fa fa-print fa-fw"></i></a>
 <a href="#">[article("pdf_download_tool")]</a>
 <a href="#" onclick="javascript:window.location='mailto:?subject=[article("title")]&body=' + window.location;"><i class="fa fa-envelope-o fa-fw"></i></a>
 </li>
 </ul>
</div>
<div class="panel panel-default right-col-panel related-panel">
 <div class="panel-heading">Related Articles</div>
 [template("related")]
</div>
<div class="panel panel-default right-col-panel feedback-panel">
 <div class="panel-heading">Was this article helpful? </div>
 [template("rating")]
</div>
<div class="panel panel-default right-col-panel pop-panel">
 <div class="panel-heading">Most Popular</div>
 [template("pop-articles")]
</div>
<div class="panel panel-default right-col-panel new-panel">
 <div class="panel-heading">Newest</div>
 [template("new-articles")]
</div>
<div class="panel panel-default right-col-panel recent-panel">
 <div class="panel-heading">Recently Updated </div>
 [template("up-articles")]
</div>