Friday, December 27, 2013

Progress bar in dataGrid is visible through a dialog box

I have the progress bar column (see below, found on internet somewhere) a while in my app and it works fine. However, I have now implemented a dialogbox that is displayed on top of the DataGrid. When the dialog is visible, the progress bar is still visible through the dialog and disturbes the content of the dialog. Does anyone know why this happens and how I can fix it? Thank you id anvance.  -- Jostein

Column<LastSessionOverviewData, SafeHtml> progressCol = new Column<LastSessionOverviewData, SafeHtml>(
progressCell) {
public SafeHtml getValue(LastSessionOverviewData value) {
SafeHtmlBuilder sb = new SafeHtmlBuilder();
float percent = new Float(value.getCompleted())
/ new Float(value.getAll());
int rounded = Math.round(percent * 100);
sb.appendHtmlConstant("<div style='width: 100px; height: 20px; position: relative;'>");
sb.appendHtmlConstant("<div style='z-index: 2; display: inline; width: 200px; position: absolute; left: 0px, top: 0px; text-align: center;'>"
+ value.getCompleted()
+ "/"
+ value.getAll()
+ "</div>");
sb.appendHtmlConstant("<div style='position: absolute; left: 0; top: 0; width: 200px; z-index: 1'><div style='display: inline; float: left; width: "
+ rounded
+ "%; height: 20px; background-color: #82cd80;'></div>");
sb.appendHtmlConstant("<div style='display: inline; float: right; width: "
+ (100 - rounded)
+ "%; height: 20px; background-color: #EBF0F5;'></div></div>");
return sb.toSafeHtml();
} // forgrunn original: #82cd80: Bakgrunn original #c54c4d
table.addColumn(progressCol, constants.menuProgress());

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
To post to this group, send email to
Visit this group at
For more options, visit

No comments:

Post a Comment