Poll Results

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>