and .FlexTable-diffCurr.
Add your FlexTable style property in global css file. The global css
file name should be your_Project.css in your project /war
directory. About your TabPanel problem, I send the edited code
segment of your existing code.
S. Abraham
www.DataStoreGwt.com
Persist objects directly in GAE
// Corrected code.
public void onModuleLoad() {
TabPanel tabPanel = new TabPanel();
FlowPanel flowPanel = new FlowPanel();
FlexTable flexTable1 = new FlexTable();
flexTable1.addStyleName("FlexTable");
HTMLTable.RowFormatter rf = flexTable1.getRowFormatter();
for(int i = 0; i < 6; i+=2)
{
rf.addStyleName(i, "FlexTable-PrevRow");
rf.addStyleName(i+1, "FlexTable-CurrRow");
flexTable1.setText(i, 0, "Text1"+i);
flexTable1.setText(i, 1, "Text2"+i);
flexTable1.setText(i+1, 0, "Text1"+i);
flexTable1.setText(i+1, 1, "Text4"+i);
flexTable1.getCellFormatter().addStyleName(i,
1,"FlexTable-diffPrev");
flexTable1.getCellFormatter().addStyleName(i+1,
1,"FlexTable-diffCurr");
}
flowPanel.add(flexTable1);
tabPanel.add(flowPanel,"FlexTable");
tabPanel.selectTab(0);
tabPanel.setSize("500px", "250px");
tabPanel.addStyleName("table-center");
RootPanel.get().add(tabPanel);
}
// Corrected css file.
.FlexTable
{
border-top: thin solid #444444;
border-left: thin solid #444444;
border-right: thin solid #111111;
border-bottom: thin solid #111111;
}
.FlexTable-PrevRow
{
border-bottom: solid 1px red;
}
.FlexTable-CurrRow
{
border-bottom: dashed 1px blue;
}
.FlexTable-diffPrev
{
color: blue;
border-bottom: solid 1px red;
}
.FlexTable-diffCurr
{
color: red;
border-bottom: solid 1px green;
}
--
You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
To post to this group, send email to google-web-toolkit@googlegroups.com.
To unsubscribe from this group, send email to google-web-toolkit+unsubscribe@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.
No comments:
Post a Comment