Submit a ticket My Tickets
Login  Sign up
Open navigation

How to Customize the Design of your Assessments

Are you an existing customer but do not see the new Assessment Builder yet? Don’t worry we expect to release it to everyone by the beginning of July. 

It's time to talk about the customization of your assessments, using our Assessment Builder. In order to make your assessments beautiful and the assessment journey fun and interactive for your users, LearnWorlds gives you the option to fully customize them. 

To change the design aspects of the assessment, open the assessment editor by clicking on the Edit assessment option in the created assessment learning activity and click on Design (the paintbrush icon), to navigate to each of the following options:

1. Theme Explorer

2. Background

3. Typography

4. Navigation

5. Assessment Viewer

Theme Explorer

On the Theme Explorer, you can choose among the Colors, Vertical Spacing, and Question Layout.

You can customize the assessment theme but the default colors are fetched from the colors selected in the school’s Color scheme. You can find out more, in the respective article


In case you do not wish your school’s colors to be depicted in the assessment, you can navigate to the Backgrounds tab. On the Backgrounds tab, you can customize each and every background color of the assessment. These include:

a. Assessment background

b. Assessment Container

c. Question Description background

d. Question Answer background

e. Top/bottom page shapes

You can detect the specific area being modified from the dashed lines.


On the Typography tab, you do have the ability to select the type and the size of each of the available options (including question description, multiple-choice labels, inputs, text areas, etc). Note that those options are related to the attributes which have been already inherited from your school's typography settings, e.g. heading 1. Also, you can amend the colors of the input fields, text areas, dropdowns, linear/rating, and error messages, as well as the file upload button. 


On the Navigation tab, you can pick the way a user navigates in the assessment. You are able to select the Navigation mode and Layout, Previous and Submit buttons, and bar.

The Navigation mode is related to the way the questions are displayed. This section includes the following options:

a. Classic form: All the questions are displayed in the same place and the user accesses them by scrolling.

b. Card-based: Only one question/content block is shown at a time. Only the questions that belong to the same section are shown. If the user wants to see the questions of the next section, they need to click on the next button at the bottom of the screen. If they want to go back to the previous section, they can click on the previous button. This navigation setting also allows the auto progression of it to the next one (Auto navigate to the next question option).

c. Section-based: Only the questions that belong to the same section are shown. 

d. Card-based/ Submit as you go: The users need to click submit on each question. You can show immediate feedback. By enabling this setting the feedback will be shown on the submission. Also, you are able to allow navigation to the previous question.

Assessment Viewer

On the Assessment Viewer tab, you can configure the settings regarding the question checkbox/radio buttons, transitions and the appearance of the clock should a time limit have been set up. Also, you can directly change the text for the Pass/Fail/Pending status.

You can find more information on how to create assessments in our respective articles:

How to Create an Exam (Graded Assessment)

How to Create a Non-Graded Assessment

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.