Design themes are available in our WordPress quiz plugin WatuPRO, starting from version 4.6.5. The design themes let you control how the quizzes look for your users.
WatuPRO currently have 5 ready design themes. You can choose design theme in WatuPRO Settings page:
Choose the theme and save. Now your quizzes will use the theme.
Designing your own theme
Designing your own theme is as simple as uploading a CSS file in watupro/css/themes folder. Please explore the existing themes to get ideas what you can change and how. We can provide design consultations as addon service.
The existing themes
We are starting with 5 built-in themes. Below are small examples of each of them:
The default theme
This theme is used by default in WatuPRO.
The green theme
Has green buttons and backgrounds on text boxes.
The green buttons theme
Similar to the above but the choices are shown as clickable buttons instead of radios / checkboxes.
The blue theme
The blue buttons theme
Actually WatuPRO is a lot more flexible than having “Failed” and “Passed” outcomes of a quiz. But many users need only “Failed” and “Passed” and the question how to display different content depending on this outcome comes often.
It’s very easy:
Step 1: Create “Passed” and “Failed” grades
Click on the “Grades” link for the quiz and you’ll get to the Manage Grades page. Define what points or % correct answer the user needs to achieve in order to pass. From this number of points up to the maximum number of points (or 100% correct answers) will be your “Passed” grade. Your conditional message will go inside the grade description. For example:
Any points or % correct answers below this will make the “Failed” grade. In similar way, enter your conditional message, if any. For example:
Step 2: Add the variable to your “Quiz output / Final page box
You can use the variable %%GDESC%% to dislay the conditional message accordingly to the achieved result. For example:
That’s all! Two really easy steps.
In WatuPRO all export files are TAB (tabulator) delimited CSV files. The reason we use this format is because comma delimited files are more error prone when the data contains rich text, HTML, commas, quotes etc. Tabulator is a lot more reliable as delimiter when importing and exporting data.
If you use Microsoft Excel here are a couple of links that will help you:
The official Microsoft guides
A pictorial by Excel Easy
Here at Kiboko Labs we prefer to use Libre Office Calc. It’s free and has versions for Mac, Windows, and Linux. When you double-click a .csv named file it automatically suggests the proper delimiter. Just select UTF-8 (Unicode) as encoding, if this is not already selected and open the file. Much easier.