I use UIBinder for table based layout (see code below).
Now I would like to draw a line between specific rows or colums, e. g. between the first row (titles) and the rest.
To draw a line below a specific tr in a table with pure HTML/CSS I found a solution like this:
<tr class="border-bottom">
where ".border-bottom" is a CSS style that I put into the style section of the UIBinder XML code (see code below).
But when I use this style using "addStyleNames" (see code below), there is no effect.
I believe that "addStyleNames" in UIBinder and "class" in plain CSS do not match.
What can I do?
Thanks
Magnus
-----
<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
xmlns:g="urn:import:com.google.gwt.user.client.ui" xmlns:p1="urn:import:com.google.gwt.user.cellview.client">
<ui:style>
.border-side
{
border-left: solid 1px black;
}
.border-bottom
{
border-bottom: solid 1px black;
}
</ui:style>
<g:HTMLPanel>
<table width="400" border="0" cellSpacing="10" borderWidth="1">
<tr addStyleNames="{style.border-bottom}">
<td width="10%">
<g:HTML wordWrap="false"/>
</td>
<td>
<g:HTML wordWrap="false" ui:field="txt_User_1" horizontalAlignment="ALIGN_CENTER">User 1</g:HTML>
</td>
<td>
<g:HTML wordWrap="false" ui:field="txt_User_2" horizontalAlignment="ALIGN_CENTER">User 2</g:HTML>
</td>
</tr>
<tr>
<td align='right'>
<g:HTML wordWrap="false" ui:field="lbl_Games">Games:</g:HTML>
</td>
<td colspan="2" align="center">
<g:HTML wordWrap="false" ui:field="num_Games" horizontalAlignment="ALIGN_CENTER"> </g:HTML>
</td>
</tr>
<tr>
<td align='right'>
<g:HTML wordWrap="false" ui:field="lbl_Wins">Wins:</g:HTML>
</td>
<td align="center">
<g:HTML wordWrap="false" ui:field="num_Wins_1" horizontalAlignment="ALIGN_CENTER"> </g:HTML>
</td>
<td align="center">
<g:HTML wordWrap="false" ui:field="num_Wins_2" horizontalAlignment="ALIGN_CENTER"> </g:HTML>
</td>
</tr>
<tr>
<td align='right'>
<g:HTML wordWrap="false" ui:field="lbl_WinsMate">Wins by Mate:</g:HTML>
</td>
<td align="center">
<g:HTML wordWrap="false" ui:field="num_WinsMate_1" horizontalAlignment="ALIGN_CENTER"> </g:HTML>
</td>
<td align="center">
<g:HTML wordWrap="false" ui:field="num_WinsMate_2" horizontalAlignment="ALIGN_CENTER"> </g:HTML>
</td>
</tr>
<tr>
<td align='right'>
<g:HTML wordWrap="false" ui:field="lbl_WinsResign">Wins by Resign:</g:HTML>
</td>
<td align="center">
<g:HTML wordWrap="false" ui:field="num_WinsResign_1" horizontalAlignment="ALIGN_CENTER"> </g:HTML>
</td>
<td align="center">
<g:HTML wordWrap="false" ui:field="num_WinsResign_2" horizontalAlignment="ALIGN_CENTER"> </g:HTML>
</td>
</tr>
<tr>
<td align='right'>
<g:HTML wordWrap="false" ui:field="lbl_WinsExpiry">Wins by Expiry:</g:HTML>
</td>
<td align="center">
<g:HTML wordWrap="false" ui:field="num_WinsExpiry_1" horizontalAlignment="ALIGN_CENTER"> </g:HTML>
</td>
<td align="center">
<g:HTML wordWrap="false" ui:field="num_WinsExpiry_2" horizontalAlignment="ALIGN_CENTER"> </g:HTML>
</td>
</tr>
<tr>
<td align='right'>
<g:HTML wordWrap="false" ui:field="lbl_Undecided">Undecided:</g:HTML>
</td>
<td colspan="2" align="center">
<g:HTML wordWrap="false" ui:field="num_Undecided" horizontalAlignment="ALIGN_CENTER"> </g:HTML>
</td>
</tr>
</table>
</g:HTMLPanel>
</ui:UiBinder>
You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-web-toolkit+unsubscribe@googlegroups.com.
To post to this group, send email to google-web-toolkit@googlegroups.com.
Visit this group at http://groups.google.com/group/google-web-toolkit.
For more options, visit https://groups.google.com/groups/opt_out.
No comments:
Post a Comment