Which CSS identifier is used for the selected tab in tabbed tables in browsers other than IE?
- by David Navarre
When you have a table on a form in Notes, you can choose to display only one row at a time (via the Special Table Row Display parameter on the Table Rows tab of the Table properties).
In a Notes document displayed using Internet Explorer that contains such a table, a row is displayed with a cell for each "tab". The TD that serves as the tab for the selected "Notes table row" is assigned <td class="dominoSelTopTab">, while the other tabs get <td class="dominoTopTab">.
However, when using other browsers, it's not nearly as simple.
In Firefox, each "tab" ends up as a single-celled-single-row-table within the table with very little to identify it.
<td><table border="1" cellpadding="2">
<tr><td><div align="center"><b>Tab 2</b></div></td></tr>
</table></td>
A non-selected tab would show as follows:
<td><table border="1" cellpadding="2">
<tr><td><div align="center"><a name="1." href="/Projects/MyCSS.nsf/0c3b9489476440c085257a62006d97d6/d482a1767a4af77f85257a62006db064?OpenDocument&TableRow=1.0#1." target="_self">Tab 1</a></div></td></tr>
</table></td>
So, the question is, how do I identify the selected tabs and the non-selected tabs when not using IE?
Note: For those who are not Notes developers, the HTML is auto-generated from the visual design as laid out in the Notes designer client. I would replace it all with manual HTML, except there is so much of it that doing so would consume far too much time.
