This Documentation is Moved!

This is currently being depreciated. Please visited the new location for the styleguide at https://assets.acc.org/Arches/Latest/docs/

Arches: Virtual ACC

Arches:Virtual ACC

Multi Product Brand Style System by the American College of Cardiology

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

13.7 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
Data Elements:

    Example s

    Default styling

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

    block

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

    • Role Type 1:
    • Pepper H. Soda III, MD, FACC ( New York, NY, USA)
    • 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.

    • Role Type 1:
    • Pepper H. Soda III, MD, FACC ( New York, NY, USA)
    • Role Type 2:
    • Dianna Denesik III ( New York, NY, USA)
    • Miguel Romaguera ( New York, NY, USA)
    • Jeanette Franecki ( New York, NY, USA)
    FORMAT:
    This element uses data that has strict data formatting requirements. See the data tab for more information. 
    <ul class="ul_inline-semicolon font_regular font_copy">
  <li class="no-after font_medium c_primary-n1 block w_100 [modifier]">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 block w_100  [modifier]">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