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
the reason is really unknown.
But now I face another strange problem, the code is as follow:
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
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?!!
-- 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/-/5B-bLd_PsHcJ.
To post to this group, send email to google-web-toolkit@googlegroups.com.
To unsubscribe from this group, send email to google-web-toolkit+unsubscribe@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.
No comments:
Post a Comment