comboBox generates a table instead of span in readmode web

Question

When viewing a Xpage on the web containing a table with a comboBox in a column the html generated by Domino creates a table for the combobox but a span for other components (tested currently on textFields and computedFields). This is then rendered with a pixel of vertical alignment difference that annoys me. How can I overcome this? ```

AVANZA SWEDEN

``` In edit mode the difference is still there but the generated html of the combobox is not a table but a select and then I can control it using css. See picture below. Example read mode Example edit mode (css edited): ```

Accepted Answer

problem is that the inner table has its own borders (as always: one for the table itself and one for the td) which need to be collapsed. Just create some CSS to handle this:

- give your outer table its own style-class e.g. "myOuterTable"

your css would then address any table inside ".myOuterTable", like this:

table.myOuterTable table {border-collapse: collapse;}

This works fine in both edit and read mode because only in read mode you have that extra "inner" table; in edit mode, there's nothing to be collapsed...

works even in IE, btw...

Hope it works for you

comboBox generates a table instead of span in readmode web

Solution

Problem