How to Style ButtonCell in CellTable Gwt?
I searched on internet & found 2 solutions:
-Solution 1: use urColumn.setCelLStyleNames("yourStyleName"); (Adding style
to a
ButtonCell<http://stackoverflow.com/questions/11967570/adding-style-to-a-buttoncell>
)
ButtonCell nextStepButton=new ButtonCell();
Column<String[], String> nextStepColumn = new Column<String[],
String>(nextStepButton) {
@Override
public String getValue(String[] oneOrder) {
return oneOrder[11];
}
};
nextStepColumn.setCellStyleNames(getView().getRes().css().buttonCell());
in CSS
.gwtButton, .buttonCell.getButton {
margin: 0;
padding: 5px 7px;
text-decoration: none;
cursor: pointer;
cursor: hand;
font-size:small;
background: black;
border:1px solid #bbb;
border-bottom: 1px solid #a0a0a0;
border-radius: 3px;
-moz-border-radius: 3px;
color: white;
}
I tried but nothing happened.
-Solution2: modify ButtonCell (
https://code.google.com/p/google-web-toolkit/issues/detail?id=7044)
ButtonCell nextStepButton=new ButtonCell(){
// A native button cell doesn't have the gwt-button class,
which makes it
// look weird next to other gwt buttons. Fix that here.
@Override
public void render(
final Context context,
final SafeHtml data,
final SafeHtmlBuilder sb) {
sb.appendHtmlConstant("<button type=\"button\"
class=\"gwt-Button\" tabindex=\"-1\">");
if (data != null) {
sb.append(data);
}
sb.appendHtmlConstant("</button>");
}
};
for the solution2, i can see the difference (ie the Style of ButtonCell got
changed). However, I don't have "gwt-Button" css class but only have "
gwtButton" css class (see the above css). However, when I change
"gwt-Button" to "gwtButton" in the the 2nd code sb.appendHtmlConstant("<button
type=\"button\" class=\"gwtButton\" tabindex=\"-1\">"); then nothing
happened.
So, How to style Button cell so that it can pick up the gwtButton css class
--
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 [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/google-web-toolkit.
For more options, visit https://groups.google.com/groups/opt_out.
