-
Improvement
-
Resolution: Unresolved
-
Major
-
None
-
4.3.0
-
-
MOODLE_403_STABLE
-
Moodle Apps Sprint 2025-I1.4
In quiz, we receive some help icons that use Bootstrap popovers to display the info in Moodle LMS (these popovers are used since Moodle 3.7, before they used a different system). We're hiding these icons, but it would probably be better to display them and make Bootstrap popovers work in the app (it can be useful for teachers too).
This can be reproduced in "4.4 > [MoodleMobile Testing] > Quiz > Quiz: Deferred with CBM" with user u1, when reviewing the attempt.
We aready have some code to support Boostrap tooltips (CoreDomUtils.handleBootstrapTooltips), popovers should be quite similar.
Example of the HTML code using popovers:
Bootstrap 5:
<a role="button" tabindex="0" class="feedbacktrigger btn btn-link" data-bs-toggle="popover" data-bs-container="body" data-bs-content="HTML CONTENT" data-bs-placement="right" data-bs-trigger="hover focus" data-bs-html="true" href="#">
<i class="icon fa-regular fa-circle-check text-success fa-fw " title="Correct" role="img" aria-label="Correct"></i>
</a>
Bootstrap 4:
<a class="btn btn-link p-0" role="button" data-container="body" data-toggle="popover" data-placement="right" data-content="HTML CONTENT" data-html="true" tabindex="0" data-trigger="focus" aria-label="Help">
<i class="icon fa fa-question-circle text-info fa-fw " title="Help with CBM grades" role="img" aria-label="Help with CBM grades"></i>
</a>
As this is going to look quite similar in the app we will support bot popovers and tooltips in this issue.