Did you find a solution to this? I dunno how background images behave with HorizontalPanels. My guess is "not well" given that HorizontalPanels are cell panels--they use HTML tables, not divs--and are not recommended for standards mode (https://developers.google.com/web-toolkit/doc/latest/DevGuideUiPanels#Standards).
That said, I have used background images in AbsolutePanels with both UiBuilder via sprites and plain GWT and CSS. On Monday, April 2, 2012 2:36:48 AM UTC-4, tong123123 wrote: > > even worse, if I comment the line > > outer.setBorderWidth(10); > > > then left2 cannot show at all!! > > On Monday, April 2, 2012 2:11:51 PM UTC+8, tong123123 wrote: >> >> yes, I miss the opening quote ' >> and I find in css, if using development mode, the url has a "/" at the >> beginning >> >>> background-image:url('/images/line.png'); >>> >> but if in production mode, the url has no "/" at the beginning >> >>> background-image:url('images/line.png'); >>> >> >> the reason is really unknown. >> >> But now I face another strange problem, the code is as follow: >> >>> public class TestFlowPanelLeft extends FlowPanel { >>> >>> public void onLoad(){ >>> >>> HorizontalPanel outer = new HorizontalPanel(); >>> outer.setSize("100%", "30px"); >>> outer.setBorderWidth(10); >>> HorizontalPanel left1 = new HorizontalPanel(); >>> left1.add(new Label("see?")); >>> outer.add(left1); >>> HorizontalPanel left2 = new HorizontalPanel(); >>> left2.addStyleName("backGroundImage1"); >>> //left2.setSize("100%", "100%"); cannot show left2!! >>> left2.setSize("100%", "10px"); >>> outer.add(left2); >>> this.add(outer); >>> } >>> >>> } >> >> >> I try to set left2 height to 100%, and because outer is 30px, so I expect >> left2 can show correctly, but the result is not!! >> I need to explicit set the height of left2. >> >> the css of backGroundImage1 is >> >>> .backGroundImage1{ >>> background-image:url('/images/line.png'); >>> background-repeat:repeat-x; >>> } >> >> >> if I set the height of left2 to 10px, the output is as attached. >> why if I set the height of left2 to 100%, left2 cannot be shown?!! >> > -- You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group. To view this discussion on the web visit https://groups.google.com/d/msg/google-web-toolkit/-/HKQKFC7-4MoJ. 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.