.

rapids/templates/rapids/mark.html

@@ -12,6 +12,7 @@
                 This questions has unmarked answers. Are you sure you want to review?
             </div>
         {% endif %}
+    <button class="btn btn-primary" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasTop" aria-controls="offcanvasTop">View Case</button>
 
         {% if question.normal %}
             <h3>This question is normal</h3>
@@ -112,7 +113,9 @@
             </form>
         </div>
     </div>
-    <div class="col-md-6">
+    <div class="offcanvas offcanvas-end bg-black bg-opacity-50" data-bs-scroll="true" data-bs-backdrop="false" tabindex="-1" id="offcanvasTop" aria-labelledby="offcanvasTopLabel">
+        <div class="offcanvas-header">
+        </div>
         <div id="single-dicom-viewer" class="marking-dicom" data-images="{{question.get_image_url_array}}"
             data-annotations='{{question.get_image_annotations}}'>
         </div>