Hello,

sorry for posting my learning curve! :-)

I found that DecoratedPanel caused the problems. But I also found that 
there is CaptionPanel, which much more suits my needs!

The layout below is nearly perfect for me. Just two things are missing:

- The orange textbox should horizontally grow.

- The right most button should be vertically centered.

I would be glad if someone could tell me how.

Thanks
Magnus

----- 

<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent";>
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
xmlns:g="urn:import:com.google.gwt.user.client.ui">
<ui:style>
.group
{
 border: solid 1px red;

}
        .tournamentText {
            background-color: orange;
            margin-right: 50px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .tournamentButton {
            width: 25px;
            float: right;
        }

        .clear {
            clear: right;
        }
        .updateButton {
            width: 25px;
            float: right;
        }

</ui:style>
<g:LayoutPanel>
<g:layer left="5px" top="5px" bottom="5px" right="90px">
<g:HorizontalPanel spacing="5" height="100%">
<g:Cell height="">
<g:CaptionPanel captionText="Beteiligung" height="100%" width="">
<g:FlowPanel width="" height="">
<g:CheckBox text="eigene" wordWrap="false"/>
<g:CheckBox text="fremde"/>
</g:FlowPanel>
</g:CaptionPanel>
</g:Cell>
<g:Cell width="">
<g:CaptionPanel captionText="Status" width="" height="100%">
<g:VerticalPanel width="" height="">
<g:CheckBox text="aktiv" wordWrap="false"/>
<g:CheckBox text="geplant" wordWrap="false"/>
<g:CheckBox text="beendet" width="50px" wordWrap="false"/>
</g:VerticalPanel>
</g:CaptionPanel>
</g:Cell>
<g:Cell width="100%">
<g:CaptionPanel captionText="Turnier" height="100%">
<g:FlowPanel width="" height="">
<g:CheckBox text="Turnier"/>
<g:HTMLPanel>
<div>
                    <g:Button 
addStyleNames="{style.tournamentButton}">&gt;</g:Button>
<g:TextBox addStyleNames="{style.tournamentText}"/>
<div class="{style.clear}"></div>
</div>
</g:HTMLPanel>
</g:FlowPanel>
</g:CaptionPanel>
</g:Cell>
</g:HorizontalPanel>

</g:layer>
<g:layer right="5px" top="5px" bottom="5px" width="50px">
<g:HTMLPanel>
<div>
<g:Button addStyleNames="{style.updateButton}">&gt;</g:Button>
</div>
</g:HTMLPanel>
</g:layer>
</g:LayoutPanel>
</ui:UiBinder> 

-- 
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/-/ETT5rcDLCWsJ.
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.

Reply via email to