I’m using ActivePresenter and I have a question about customizing the visual design of the response indicators(checkmarks and crosses) that appear during Review Mode.
By default, when Review Mode is enabled, the system automatically shows a green checkmark for correct answers and a red cross for incorrect ones (as shown in the screenshot below). These icons are helpful, but I’d like to customize their appearance to match my own design style.
My questions are:
Is it possible to change the default design of the correct/incorrect response indicators in Review Mode?
Can we style or replace these icons (e.g., with custom images or icons)?
Does this customization apply to all question types (Multiple Choice, True/False, etc.)?
Any guidance or examples would be much appreciated! Thanks in advance.
You can change the checkmark icon by navigating to the following folder: C:\Program Files\ATOMI\ActivePresenter\templates\html5\skin\skin_name\player\images
As for your second question regarding the learner response, could you please let us know which interaction you’re using (e.g which type of question) and the version of ActivePresenter?
It would also be appreciated if you could send us a short sample project with just one slide to illustrate the issue. This will help us assist you more effectively.
I’m using ActivePresenter Version 9.3.0 – 64-bit build (Released: 2025.04.08) on a Mac computer.
I’ve attached:
A sample ActivePresenter project (containing just one slide) where you can see the default review responses.
A screenshot showing the area I want to customize (the learner’s response indicators).
What I’d like to achieve is a custom design for the response area, similar to what is shown in the attached screenshot. My goal is to replace or restyle the default correct/incorrect response indicators that appear during Review Mode.
Could you please let me know:
How to fully customize these response indicators (e.g., shapes, colors, or icons)?
Whether it’s possible to apply this customization across all question types?
It looks like what you’re trying to do might not be fully supported at the moment. That said, if you’re comfortable with CSS, you can open the rlplayer.css file in the ActivePresenter settings folder (C:\Program Files\ATOMI\ActivePresenter\templates\html5\css) and look for ap-feedback-popup. There, you can tweak several styles to better suit your needs.
Also, it would be amazing if future versions of ActivePresenter allowed us to customize these response designs directly in a section similar to the Object Templates area.
Thanks again for your support, and have a great weekend!
I’m customizing the Show Responses feature in Review Mode, and I would like to remove the “Learner Response” section so that only the Correct Responses are displayed.
Is there a built-in way to disable or hide the Learner Response part in Review mode? If not, what is the best practice to achieve this (e.g., via Feedback Master, CSS, or another method)?
One more question:
Is there a way to customize the position of the response icon that appears in Review Mode? Currently, it shows up in a fixed spot and expands when clicked. I’d like to move it to a different location on the slide if possible.
We’ve opened a new feature request to better explain what we mean regarding enhanced customization for the Show Responses feature, including the ability to adjust icon positions and popup styling options.
Please take a look at the detailed explanation and example video in the following link:
I’d like to use a background image for the .ap-feedback-popup element in ActivePresenter. I added a JPG image (named Feedback_BG.jpg) to the following folder:
However, the image does not appear when I run the application. Can you help me figure out how to properly apply the background image? Maybe a small working example would help.
Please double-check the image URL; or try using a different style that doesn’t rely on the URL, such as fill or border. If those styles work correctly, then the issue likely lies with the URL.
for correct answers and a red cross 
for incorrect ones (as shown in the screenshot below). These icons are helpful, but I’d like to customize their appearance to match my own design style.
