Changing Incorrect Answer Text Color
Welcome to QSM Support Forum. › Forums › QSM Pro Support › Changing Incorrect Answer Text Color
Tagged: incorrect answer font color
- This topic has 11 replies, 6 voices, and was last updated 2 months, 2 weeks ago by Sandra Hatfield.
-
AuthorPosts
-
May 13, 2020 at 10:05 pm #3876[email protected]Participant
Is there a way (without hacking the code) to change INCORRECT answers in the %QUESTIONS_ANSWERS% output to a different color? e.g. If they answered wrong, I’d like that answer (only) to be in red text. Is there some CSS class emitted on the output that can be changed? This would have to reflect in emails also though which are sent to the user.
May 13, 2020 at 11:03 pm #3881Kriti SharmaKeymasterOk, Rob. I will check this and get back to you. Please expect a little delay in response as I am little unwell right now.
Regards,
KritiMay 14, 2020 at 1:15 pm #3908[email protected]Participantno worries, hope you feel better. If you ever need help on stuff, I’m a developer also…So far, I’m impressed with your product. Well done 🙂
May 14, 2020 at 1:31 pm #3910[email protected]Participanthere’s what I would do (easiest)…make 2 Q_A customization blocks 1) for a correct answer format, and 2) for an incorrect answer format. We could then apply styling in each separately. The ultimate idea would be to make the Q_A format scripted somehow, but that’s a ton of work (e.g. IF %CORRECT% then…else…).
May 18, 2020 at 9:58 am #4000Kriti SharmaKeymasterHi Rob,
I checked your requirement, as all the answers have same html tags so it is not possible to do this with the CSS.
Regards,
KritiJune 1, 2020 at 5:06 pm #4390[email protected]ParticipantThere are ways to do it. I’d actually suggest adding a correct answer and incorrect answer response box for EACH question…this way, users can completely customize each question’s answer in the results (right and wrong answers), independently of each other also.
June 1, 2020 at 6:59 pm #4396Kriti SharmaKeymasterHi,
I will forward this as the feature request to the development team and they will try to implement it in the future updates.
If you need this as the custom requirement, you can contact our developers at https://justhyre.com/get-a-quote/
Regards,
KritiJuly 12, 2024 at 7:49 am #6110Sara AdamParticipantI believe that with the information you share, it will bring a lot of value to the readers and I hope that they will absorb the good and useful things. Suika game
August 28, 2024 at 8:51 am #7066kalyl cieParticipantIf your system supports email template customization, ensure [url=https://slithergame.org]Slither IO[/url] that the same CSS styles are applied in the email template. Some email systems support inline styles better than external CSS files.
August 28, 2024 at 9:34 am #7069kalyl cieParticipantcheck Pizza Tower the HTML structure or CSS classes used in the output. Inspect the output on the web page to identify any specific CSS classes or IDs associated with correct or incorrect answers
September 4, 2024 at 1:59 am #7091Gene LarsenParticipantWill there be a changeable CSS class emitted on the output? This needs to appear in the user’s emails as well. basketball legends
September 5, 2024 at 9:59 am #7135Sandra HatfieldParticipantTo change the color of incorrect answers in the %QUESTIONS_ANSWERS% output without hacking the code, you would typically need to rely on CSS, but since you’re looking to also reflect this change in emails, things can be a bit trickier because email clients often don’t support custom CSS as robustly as web browsers do.
Check for Available CSS Classes
Many quiz or assessment tools already emit CSS classes that identify correct and incorrect answers. You could inspect the HTML output in a browser to see if there are any classes or IDs applied to incorrect answers. For example, if incorrect answers are wrapped in a class like .incorrect, you could use the following CSS to change the color to red:
.incorrect {
color: red;
}
If these classes exist, they would likely also be reflected in the email templates. You can then apply the same logic for styling them in email by either embedding CSS in the email template or using inline styles. scratch geometry dash
Since emails often have limited support for CSS, you may need to add inline styles to the incorrect answers directly. If the tool allows for some form of conditional logic in the email templates, you could insert something like:
<span style=”color:red;”>Incorrect Answer</span>
Unfortunately, most email clients don’t allow external or embedded stylesheets, so inline styles are the best option for emails.
If the platform you’re using allows you to customize the email template, you can look for a place where it inserts the %QUESTIONS_ANSWERS% variable. You might be able to modify the template to include conditional logic for incorrect answers and wrap them in a span tag with a red inline style. -
AuthorPosts
- You must be logged in to reply to this topic.