Re: CellTable needs overflow set

[Sudhakar Abraham]

On Aug 26, 2:26 pm, Al Forbes forbes...@googlemail.com wrote:
 Hi,

 I have a pretty standard CellTable setup with the center of a
 DockLayoutPanel, but the table is never visible. I can fix it by setting if
 set the DockLayout properties overflowX and overflowY to visible.

 The sample
 (com/google/gwt/sample/dynatablerf/client/widgets/SummaryWidget.java) shipped
 with GWT 2.3 also sets the property:
  dock.getWidgetContainerElement(table).getStyle().setProperty(overflowY,
 visible);

 Is this a problem with my layout/CSS, a GWT bug, or something else? Any
 hints appreciated...

 The generated html looks like this:

 div style=position: absolute;   left: 0ex; top: 6ex; right: 0ex; bottom:
 0ex; 
 table __gwtcellbasedwidgetimpldispatchingfocus=true
 __gwtcellbasedwidgetimpldispatchingblur=true cellspacing=0 .

 The style (as shown in firebug)
 element.style {
 position: absolute;
 *overflow-x: hidden;*
 *overflow-y: hidden;*
 left: 0ex;
 top: 6ex;
 right: 0ex;
 bottom: 0ex;

 }

 With the overflow set and table displaying correctly:
 div style=position: absolute; overflow-x: visible; overflow-y: visible;
 left: 0ex; top: 6ex; right: 0ex; bottom: 0ex; 
 table __gwtcellbasedwidgetimpldispatchingfocus=true
 __gwtcellbasedwidgetimpldispatchingblur=true cellspacing=0 .

 Thanks

-- 
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+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/google-web-toolkit?hl=en.

Re: CellTable needs overflow set

[Sudhakar Abraham]

Do not set overflow in CSS for DockLayoutPanel. Instead,  add your
celltable in ScrollPanel and set your scrollPanel object in DockLayout
panel . Try the following code.

Example code

ScrollPanel scrollPanel = new ScrollPanel();
scrollPanel.add(cellTable);
DockLayoutPanel dock = new DockLayoutPanel(Unit.PX);
dock.add(scrollPanel);

S. Abraham
www.DataStoreGwt.com


-- 
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+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/google-web-toolkit?hl=en.

CellTable needs overflow set

[Al Forbes]

Hi,

I have a pretty standard CellTable setup with the center of a
DockLayoutPanel, but the table is never visible. I can fix it by setting if
set the DockLayout properties overflowX and overflowY to visible.

The sample
(com/google/gwt/sample/dynatablerf/client/widgets/SummaryWidget.java) shipped
with GWT 2.3 also sets the property:
 dock.getWidgetContainerElement(table).getStyle().setProperty(overflowY,
visible);

Is this a problem with my layout/CSS, a GWT bug, or something else? Any
hints appreciated...

The generated html looks like this:

div style=position: absolute;   left: 0ex; top: 6ex; right: 0ex; bottom:
0ex; 
table __gwtcellbasedwidgetimpldispatchingfocus=true
__gwtcellbasedwidgetimpldispatchingblur=true cellspacing=0 .

The style (as shown in firebug)
element.style {
position: absolute;
*overflow-x: hidden;*
*overflow-y: hidden;*
left: 0ex;
top: 6ex;
right: 0ex;
bottom: 0ex;
}

With the overflow set and table displaying correctly:
div style=position: absolute; overflow-x: visible; overflow-y: visible;
left: 0ex; top: 6ex; right: 0ex; bottom: 0ex; 
table __gwtcellbasedwidgetimpldispatchingfocus=true
__gwtcellbasedwidgetimpldispatchingblur=true cellspacing=0 .

Thanks

-- 
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+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/google-web-toolkit?hl=en.