Poll Results - HTML and Class Names

Note: Advanced knowledge of HTML and CSS is required to modify the HTML and Class Names.

The Poll Results component includes the following CSS classes to allow separate styling of columns and headers for Percentage and Number of Responses. Previously, the same class (td class="numberFormat") was used for both columns, and the same class (<th class="resultsHeaderCell2") for both headers.

• <td class="numberFormat responseRate">
• <td class="numberFormat responseCount">
• <th class="resultsHeaderCell2 responseRateHeader">
• <th class="resultsHeaderCell2 responseCountHeader">

<div class="tableArea">
<div class="tableDiv">
<table class="resultsTable">
<thead>
<tr>
<th colspan="2" class="resultsTitle">Dynamic Title</th>
<th class="resultsHeaderCell2 responseRateHeader">Dynamic Header</th>
<th class="resultsHeaderCell2 responseCountHeader">Dynamic Header</th>
</tr>
</thead>
<!-- repeat for each field in Poll -->
<thead>
<tr>
<th colspan="4" class="resultsHeaderCell">Label</th>
</tr>
</thead>
<tbody>
<tr>
<td class="labelCell">Label</td>
<td class="percentBars">
<div class="resultBar-N" style="width:dynamicWidth”/>
</td>
<td class="numberFormat responseRate">N%</td>
<td class="numberFormat responseCount"># of votes</td>
</tr>
<!-- end repeat for each field in Poll -->
<tr>
<td colspan="4" class="respondantTotal">Dynamic “Total” Label Dynamic Count</td>
</tr>
</tbody>
</table>
</div>
</div>