Progress bar in dataGrid is visible through a dialog box

Hi,

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) {

@Override

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>");

sb.appendHtmlConstant("</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 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.