Arches: Online Video Library

Arches:Online Video Library

Multi Product Brand Style System by the American College of Cardiology

Source: dist/css/library_boot.css, line 8059

10.7.3 Session Faculty List

When it is only important to show the credits listed and not the credit values this simple dot pattern is a good solution.

Data.Faculty.FullName - Full Name Data.Faculty.FullName - Location
Sub Components in Design:

    Example s

    block

    use block on the role type label to stack the faculty names.

    • Session Role Type 1:
    • Pepper H. Soda III, MD, FACC ( New York, NY, USA)
    • Session Role Type 2:
    • Dianna Denesik III ( New York, NY, USA)
    • Miguel Romaguera ( New York, NY, USA)
    • Jeanette Franecki ( New York, NY, USA)

    inline-block

    use inline-block on the role type label to keep all the faculty in wrapping single line.

    • Session Role Type 1:
    • Pepper H. Soda III, MD, FACC ( New York, NY, USA)
    • Session Role Type 2:
    • Dianna Denesik III ( New York, NY, USA)
    • Miguel Romaguera ( New York, NY, USA)
    • Jeanette Franecki ( New York, NY, USA)
    <ul class="ul_inline-semicolon font_regular font_copy">
  <li class="no-after font_medium c_primary-n1 [modifier]">Session Role Type 1:</li>
  <li>Pepper H. Soda III, MD, FACC <span class="opacity_9 font_light m-l_2">( New York, NY, USA)<span></li>
  <li class="no-after font_medium c_primary-n1  [modifier]">Session Role Type 2:</li>
  <li>Dianna Denesik III <span class="opacity_9 font_light m-l_2">( New York, NY, USA)<span></li>
  <li>Miguel Romaguera <span class="opacity_9 font_light m-l_2">( New York, NY, USA)<span></li>
  <li>Jeanette Franecki <span class="opacity_9 font_light m-l_2">( New York, NY, USA)<span></li>
</ul>
    Copy Code