NO PRODUCT SETTINGS FOUND FOR:
examples
Gentle remainder that the product name comes from the `origin` first subfolder (after `/pms` ).
Basic i-Radio Button Questions
This demonstrates the basic i-radio fragment system with flag-based answer validation.
Visual Behavior
- Initial state: All buttons appear as soft primary outline buttons
- On click: Button turns green (correct) or red (wrong)
- Other buttons: Reset to soft outline state when a new answer is selected
Example 1: Simple Binary Choice
Which programming language are we learning?
Example 2: With Always-Visible Comment
What is 2 + 2?
The last item without a flag is always visible as a comment.
Example 3: Multiple Correct Answers
Which of these are even numbers?
Multiple answers can be marked as correct (flag 20).
Example 4: With LaTeX Math
Solve: $x^2 - 4 = 0$
LaTeX expressions work seamlessly in radio buttons.
Example 5: French Question
Quelle est la capitale de la France?
Flag System Reference
Flag | Meaning | Visual Result |
---|---|---|
20 | Correct answer | Green button (btn-success) |
21 | Wrong answer | Red button (btn-error) |
-1 or none | Comment | Always visible text below buttons |
Markdown Syntax
- Answer text{:flag}
{: .i-radio}
Where flag
is 20 (correct) or 21 (wrong).