Arches: Virtual ACC

Arches:Virtual ACC

Multi Product Brand Style System by the American College of Cardiology

Source: dist/css/virtual_boot.css, line 8576

13.12.3 CIO Window

CIO is a survey widget that allows faculty to collect questions and polls from participants.

Example

Default styling

Q&A

collapse 
<div class="br_solid br_radius br_1 br_black-3 shadow_overlap-light p_4:lg p_3 panel panel-default gap-y_3 flex flex_column panel ">
  <div class="panel-heading bg_transparent flex flex_row">
      <h4 class="panel-title font_bold font_display c_primary m_0 flex_auto self_center">Q&A</h4>
      <div class="c_primary-n2 flex flex_nowrap flex_row font-size_down h:c_primary-n3 h:opacity h:undecorated items_center lh_1 m-l_auto opacity_5 self_center toggle user-select_none p-l_4" data-bs-toggle="collapse" data-bs-target="#CollapseQA" role="button" aria-expanded="true" aria-controls="#CollapseQA">
        <div class="flex_none self_center"> collapse </div>
        <div class="flex_none" >
            <span class="fa-stack">
              <i class="fas fa-minus fa-stack-1x"></i>
              <i class="fas fa-minus rotate_90 a:rotation fa-stack-1x "></i>
            </span>
        </div>
      </div>  </div>
  <div id="CollapseQA" class="collapse show m-x_n4:lg m-x_n3 m-b_n4:lg m-b_n3 flex_100 flex_auto flex flex_column">
    <iframe src="https://oncology.cnf.io/sessions/qen8/#!/dashboard" title="CIO WIDGET" class=" br_radius flex_auto flex_100 br-t_1 br_solid br_black-2 min-h_90 min-h_30:md min-h_50:lg"></iframe>
  </div>
</div>
Copy Code