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 [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-web-toolkit?hl=en.
