Articles on: Quiz Building & Design

How to Set Your Quiz to RTL (Right-to-Left)

Introduction


If your audience reads in a right-to-left language — such as Arabic, Hebrew, Persian, or Urdu — you can set your Quizell quiz to display right-to-left (RTL) so it reads naturally for them.


RTL in Quizell is set per element: the progress bar, the buttons, and each text element have their own RTL toggle. Once those are flipped, you can use Quizell's existing layout tools to rearrange other elements (like side images) so the whole quiz feels properly mirrored.


This guide walks you through enabling RTL across your quiz and polishing the layout.


Before you start


  • RTL controls direction, not translation. The toggles flip the reading direction and alignment — they don't translate your text. Write or translate your quiz content into your target language first. (You can draft content with the AI Design Editor or translate it manually.)
  • Choose a font that supports your script. Use the Font Family dropdown in each element's settings to pick a font that renders your language correctly.


Where the RTL toggles live


In the Editor, click an element to open its settings panel on the left. Elements that support RTL show a toggle. There's no single global switch, so you'll enable RTL on each relevant element.


Step 1: Set the progress bar to RTL


  • Select your progress bar to open its settings
  • Turn on the RTL Direction toggle


The progress bar will now fill from right to left, matching the reading direction.



Step 2: Set the buttons to RTL


  • Select a Back or Next button to open its settings
  • Turn on the RTL Direction toggle
  • Click Apply to all Back & Next Button to apply the same setting to every navigation button in your quiz


This flips the button order and alignment so navigation feels natural in RTL.



Step 3: Set your text elements to RTL


  • Select a text element (a heading, question, or description)
  • Turn on the RTL Text toggle


The text will align and read right-to-left. Repeat for each text element you want flipped.



Step 4: Rearrange your layout for a polished RTL look


The RTL toggles handle direction and alignment, but for a truly mirrored design, adjust your layout using Quizell's standard editing tools:


  • Move side images to the opposite side. If your image sits on the right with text on the left, swap them so the image is on the left and text on the right.
  • Set text alignment to the right where it makes sense, using the alignment controls.
  • Mirror your spacing by adjusting padding so margins match the new direction.


Because you're using the same positioning, alignment, and padding controls you already know, you can fine-tune any page to look right in RTL.


Step 5: Preview and save


  • Use Preview (and the desktop/mobile toggle) to check the flow reads naturally right-to-left
  • Click Save when everything looks right


Best practices


  • Apply RTL everywhere it applies — progress bar, all buttons, and every text element — so nothing reads left-to-right by mistake.
  • Use "Apply to all Back & Next Button" to keep navigation consistent across pages in one click.
  • Mirror your layout, not just the text. Flipping images and alignment is what makes a quiz feel genuinely RTL rather than just translated.
  • Pick a script-friendly font so characters render cleanly.
  • Preview on both desktop and mobile before publishing.


Important notes


  • RTL is set per element — there is no single global RTL switch, so enable it on the progress bar, buttons, and each text element.
  • RTL changes direction and alignment, not language — translate your content separately.
  • Apply to all Back & Next Button applies the button RTL setting across the entire quiz.


Troubleshooting


Some text still reads left-to-right

  • That element's RTL Text toggle isn't on. Enable RTL on each text element individually.


My buttons are in the wrong order

  • Turn on RTL Direction on a button and click Apply to all Back & Next Button.


The layout looks off even with RTL on

  • RTL toggles don't reposition images or blocks. Manually move side images to the opposite side and adjust alignment and padding.


Characters aren't rendering correctly

  • Choose a Font Family that supports your language's script.


What's next?



With RTL set up, your quiz will read naturally for right-to-left audiences.


Updated on: 11/06/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!