Help / Styling navigation buttons

Navigation buttons

People taking your quiz use the navigation buttons to move between different parts of your learning materials. For example, starting the quiz, moving between pages, and submitting the test.

FlexiQuiz enables you to customize the navigation buttons on your quiz. This helps you design a great-looking quiz and share wording that your learners understand.

Quiz with navigation buttons in bright colors

How to customize the navigation buttons.

You can customize the text, colors and positions of the buttons. It is not possible to change the font.

To start, create a quiz or open an existing one and then choose how you want to customize the buttons.


Quick color change for all buttons

  1. From the Create screen, click the styling icon to open the quiz designer.
  2. Scroll down the screen to Button color and click on the circle to open the color picker. FlexiQuiz options to style a quiz you make
  3. Then choose the background color for the button.
  4. To change the color of the text, click on the Button text circle and choose a color.

The FlexiQuiz system automatically saves any changes you make to the styling on your quiz.


Changing colors and text for individual buttons

  1. You can customize each button with its own color and text in any language.
  2. From the Configure screen, select Theme from the left-hand menu.
  3. Then choose the messages tab. Nearly all the navigation buttons that respondents might see are listed. List of navigation buttons to move through quiz
  4. Select the relevant button and enter your text in the Button text box.
  5. Click on the Button color circle to change the background color.
  6. Click on the Text color circle to change the color of the text.

The FlexiQuiz system automatically saves any changes you make to your navigation buttons.


Top tip!

To ensure a good user experience when taking your quiz, it is essential to have a high color contrast between the button text and the background color. Respondents with visual impairments or low vision may not be able to read text that does not stand out clearly from the background.

You can check the contrast between the colors you pick using tools such as xxx


Relevant help guides

How to white label your quiz

How to add background images



Back