This is my first foray into XPages for the Notes client.  I've encountered a couple of oddities, and wonder if I'm just missing the obvious.

 

I'm trying to right-align $ amounts in a <td> tag. The data is right-aligned if I preview the XPage in a web browser, but the data is left-aligned in the cell in the Notes client.  I tried adding "text-align:right" to the computed field but it makes no difference.  I also had to hard-code the "$" sign in the converter since the currency placeholder was displayed instead in the Notes client, which seems a little odd. 

 

Any ideas on how to get the data to right-align in the Notes client?

 

            <xp:td style="width:100px" align="right">
                <xp:text escape="true" id="cfAmount">
                    <xp:this.value><![CDATA[#{contentData['Amount']}]]></xp:this.value>
                    <xp:this.converter>
                        <xp:convertNumber pattern="$#,##0;($#,##0)">
                        </xp:convertNumber>
                    </xp:this.converter>
                </xp:text>
            </xp:td>

 

with the resulting markup in XPiNC:

<td align="right" style="width:100px"><span id="view:_id1:repeat1:2:cfAmount" class="xspTextComputedField">$1,364,678</span></td>

<td align="right" style="width:100px"><span class="xspTextComputedField" id="view:_id1:repeat1:2:cfAmount">$1,364,678</span></td> 

 

Another problem I encountered is when I tried to use a CSS class on the data in the 2nd cell of my table, it was ignored in XPiNC but adhered to in Firefox.  Only the class applied to the 1st cell "sticks" in XPiNC.  The source looks identical in both places.

In Firefox: 

In XPiNC:

 Any help out there?

Thanks!