Create a custom KBA

You have the possibility to change the interface of a single KBA. In the KBA folder, you can create files to overwrite the default look and feel of the interface.

KBA html file

The html file is the framework of the consultation. It displays the content and the elements of the MEWP. You can determine what type of elements should be displayed. However, the following things are mandatory:

Header

Every consultation needs the header template (or a custom header template with the same functionality). To include a header (standard template header), add the following code into the html file:

Consultation

Every consultation needs the consultation template (or a custom consultation template with the same functionality). Add the following code to the html file:

Buttons

You can choose which type of buttons you want to use in the consultation. The following buttons are available:

• Back button
• Bookmark button
• Fast Forward button
• Feedback button
• Multiple Back button
• Next button
• Print button
• Restart button
• Summary button

When using a custom kba, you have to determine which buttons should be used. Check the child pages to see which buttons are available and how to implement them.

KBA css file

The css file creates the style of the consultation. In this file you can change colours, width, position and many more. All you need is to retrieve the class or ID of an element and write css code to change the element. An example is given below to change the background-color of the body element:

body {
background-color: red;
}

KBA js file

The js file creates dynamic javascript functionality of the consultation. In this file you can add the functionality to open a panel like a landing page and many more. All the JS code have to be inside the following function: