Customize the Feedback Layer - Correct or Incorrect bar

Problem: Hello. I want to buy ActivePresen. But there are two problems I need to solve first.

  1. In the exam review, the true and false icons overflowed the window on the mobile device.
  2. The true and false bars move up and down with the page and cover text. How do I pin the true and false result bar to the bottom of the window. I don’t want it to move with the scroll.
    Thanks for your help.

ActivePresenter version: 9.1.1 - 64-bit build. (Released: 2023.07.19)

OS: MacOS

Notes:

Hi,

Thank you for reaching out to us with your question. Please find my answers below:

  1. In the exam review, the true and false icons overflowed the window on the mobile device.

You just need to customize the question properties so your true/false icon will not be truncated.
Select the question’s answer area > Properties pane > Size & Properties tab > Flex Child section > adjust the Left Margin value. For example, I enter 60 here.

  1. The true and false bars move up and down with the page and cover text. How do I pin the true and false result bar to the bottom of the window. I don’t want it to move with the scroll.

Based on your feedback, we’ll try to fix it in the next updates of ActivePresenter.
At this time, you can temporarily hide the result bar by navigating to the question On Load event > deselect the Result checkbox at the Show Responses action.

image

Hope that it helps.
Have a nice day,
Thuy

1 Like

Hi Thuy!
In the “rlplayer.js” file, I fixed the quiz result bar by making changes to the following lines.
s.style.position=“fixed”,
s.style.transform=“translateY(-200%)”;

Of course, your suggestion was easier and more effective. :slightly_smiling_face:

Thank you for your help.
Chozmen

1 Like

Hello again.
In the feedback layer (sequence quiz), numbers prevent sentences from being read. Is there a way to move numbers to the left of sentences?

Hi,

Please find the code in the player.js file

t.style.transform=“translateX(50%) translateY(-50%)”

and replace it with

t.style.transform=“translateX(-50%) translateY(-50%)”

Hope this helps.

Regards,

1 Like

Hi. Thank you for your help.
Regards.