Knowledge Base Document

1. Introduction

For any support please don't hestitate to contact me at [email protected].

2. Change Site Title And Background Image

To change Akselos Knowledge Base Site title login to admin account and navigate to Admin > Portals > KNOWLEDGE > Edit theme and follow the following steps:

3. Customize Pages

To customize pages please login to admin account and navigate to Admin > Portals > KNOWLEDGE > Edit theme and scroll to the Page sections.

3.1. Portal home

3.1.1. Welcome message

To edit the welcome message of homepage, please follow the following steps:

In the image, there are control flow tags designed to establish a specific condition and initiate the execution of a code block only when that particular condition is true.

<!-- This line is meant to verify whether a user is logged into our page. -->
 {% if portal.user %} 

<!-- If the condition is true (user is logged in), we will display a welcome message containing their first name. -->
    <h1>Hi {{ portal.user.firstname }}, how can we help you today?</h1>

<!-- If the condition is false (user is not logged in), we display a generic welcome message. -->
  {% else %}
    <h1>We're here to help.</h1>
  {% endif %}

Note: In addition to the first name, we can obtain other user information by following these steps:

3.1.2. Cards

We can customize title and icon of card in homepage. Please follow the following steps:

Note: Please copy the URL of the SVG image and paste it into the href attribute.

3.1.3. Main Sections

To customize the title and icon of each section on the homepage, please follow to the following steps:

The icon at the beginning of each title is in UTF-8 format. Further exploration can be done at HTML Emoji.

3.2. Solutions Home

In Solutions Home, we can customize the number of highlighted articles appear in each accordion. Please follow the following stpes:

1. Take a look at this line of code. The variable popular_articles represents the quantity of articles on our Knowledge Base page, currently set by default to 100. In the future, if there are more articles, please adjust the number accordingly. 
2. Modify the value of articleLimit to display the desired number of highlighted articles.

4. Layout

Before delving into how Bootstrap grid layouts function on our Knowledge Base pages, consider taking a tutorial here.

Here is an example:

In the given image, all three cards are arranged in a single row and separated into three columns. Therefore, the code for this layout is:

• Grid columns are created by specifying the number of 12 available columns you wish to span. For example, two equal columns would use two .col-md-6, four equal columns would use four .col-xl-3.

• The class prefixes md, sm, lg, and xl determine how our page is rendered across various devices. For more information, refer to the image below:

  Indeed, to ensure responsiveness across multiple devices, you may consider incorporating these class prefixes into your code.

5. Article Formats

To view or modify article formats, navigate to Stylesheet > CSS. I have encapsulated all the code for formatting articles between two comment lines.

/**************************style articles begin here*******************/
<code>
</code>
/**********************style articles end here************************/

To understand and modify the styles of each element within an article, such as heading tags, ordered and unordered lists, etc., consider enrolling in a beginner course available CSS Styles.