Which CSS identifier is used for the selected tab in tabbed tables in browsers other than IE?
Posted
by
David Navarre
on Stack Overflow
See other posts from Stack Overflow
or by David Navarre
Published on 2012-10-02T21:32:21Z
Indexed on
2012/10/02
21:37 UTC
Read the original article
Hit count: 176
css
|lotus-notes
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.
© Stack Overflow or respective owner