An other way is using a Grid, with 2 lines and 2 columns. Add CSS classes
for right margin to the labels to get more distance between them and their
ListBox'es... The column's are evenly aligned. ;)
2008/12/7 gregor <[EMAIL PROTECTED]>
>
> I've never used header myself (I didn't even know it existed until I
> looked it up just now!) so i don't really know what it does or how you
> style it. Looking at the javadoc it says:
>
> Modules that use this class should inherit com.google.gwt.http.HTTP.
>
> <module>
> <!-- other inherited modules, such as com.google.gwt.user.User --
> >
> <inherits name="com.google.gwt.http.HTTP"/>
> <!-- additional module settings -->
> </module>
>
> Have you done that? I suspect if you do and set the header width to
> 100% it would look better.
>
> NB: you may have to fiddle a bit to get DockPanel to fill up the
> screen properly how you want, it can be tempremental. For example
> panel.setWidth("100%) might do the trick, but don't count on it. If
> you temporarily add panel.setBorderWidth(5) to your code you will see
> exactly how big it is.
>
> regards
> gregor
>
>
>
> On Dec 7, 2:26 pm, agon84 <[EMAIL PROTECTED]> wrote:
> > Hi greg ;)
> >
> > thank you very much for your help. your idea is great, i fixed it like
> > that:
> >
> > DockPanel panel = new DockPanel();
> > VerticalPanel vPanel1 = new VerticalPanel();
> > VerticalPanel vPanel2 = new VerticalPanel();
> > HorizontalPanel hPanel3 = new HorizontalPanel();
> >
> > vPanel1.setSpacing(12);
> > vPanel2.setSpacing(10);
> >
> > vPanel1.add(label2);
> > vPanel1.add(label3);
> >
> > vPanel2.add(lb);
> > vPanel2.add(lb2);
> >
> > hPanel3.add(vPanel1);
> > hPanel3.add(vPanel2);
> >
> > panel.add(header,DockPanel.NORTH);
> > panel.add(label,DockPanel.NORTH);
> > panel.add(hPanel3, DockPanel.CENTER);
> > panel.add(button,DockPanel.SOUTH);
> >
> > RootPanel.get().add(panel);
> >
> > so now is it possible to set the length of the DockPanel.North to a
> > different size? Cause in the northPanel is the header filled with a
> > background-color. i think it doesn't look so nice, if it ends after
> > the half way of the display.
> >
> > still a nice sunday,
> >
> > greetings
> >
> > On 6 Dez., 21:11, gregor <[EMAIL PROTECTED]> wrote:
> >
> > > Hi agon,
> >
> > > FlowPanel is probably not your best bet here. You'll most likely never
> > > get it to do what you want.
> >
> > > There are millions of ways to organize your display, but you could try
> > > something like this:
> >
> > > 1) change your main panel (currently FlowPanel) to DockPanel. Then you
> > > can put your header into DockPanel.NORTH.
> > > 2) put each label/listbox pair into a separate HorizontalPanel. You
> > > can then style each cell of these two HP's how you like so they look
> > > the same (e.g. get the label separated from the listbox how you like).
> > > 3) put the HP's you created in 2) into a third HP - again you can
> > > style this to separate/style how the label/listbox pairs look together
> > > (without interfering with how the label/listbox pairs themselves are
> > > styled if you see what I mean).
> > > 4) stick the HP from 3) into DockPanel.CENTER (or LEFT, RIGHT,
> > > whatever)
> >
> > > In other words break things down into nested boxes (using appropriate
> > > GWT widgets) and style each box how you like.
> >
> > > regards
> > > gregor
> >
> > > On Dec 6, 4:47 pm, agon84 <[EMAIL PROTECTED]> wrote:
> >
> > > > Hello,
> >
> > > > since a few days i ve started with gwt. now i will created a gui. i
> > > > think it isn't a big problem, but i am not able to go further, cause
> i
> > > > vn't any idea to fix it. i ve created two listbox's and after i
> > > > pressed run, the listbox's are standing side by side or they are
> > > > standing on upon an other. But i want that they look like that:
> >
> > > > Label 1 : [ListBox1]
> > > > Label 2 : [ListBox2]
> >
> > > > Code:
> > > > 1. Java:
> >
> > > > public class Frontpage implements EntryPoint {
> >
> > > > ListBox lb = new ListBox();
> > > > ListBox lb2 = new ListBox();
> >
> > > > //Sonderzeichen
> > > > String ouml = "\u00f6";
> > > > String auml = "\u00e4";
> > > > String uuml = "\u00dc";
> >
> > > > public void onModuleLoad() {
> >
> > > > FlowPanel panel = new FlowPanel();
> >
> > > > Header header = new Header("Willkommen beim");
> > > > header.setStyleName("headerpane");
> > > > Label label = new Label("FUSSBALL MANAGER!!!");
> > > > Label label2 = new Label("Welche Maschine wollen Sie
> kaufen:");
> > > > Label label3 = new Label("Was m"+ouml+"chten Sie
> ausbauen:");
> > > > label.setStyleName("label");
> > > > label2.setStyleName("label2");
> > > > label3.setStyleName("label3");
> > > > Button button = new Button("Fertig");
> > > > button.addClickListener(new ClickListener() {
> > > > public void onClick(Widget sender) {
> > > > Window.alert("Baustelle");
> > > > }
> > > > });
> >
> > > > onListBoxClick();
> >
> > > > ;
> >
> > > > panel.add(header);
> > > > panel.add(label);
> > > > panel.add(label2);
> > > > panel.add(label3);
> > > > panel.add(lb);
> > > > panel.add(lb2);
> >
> > > > RootPanel.get().add(panel);
> > > > }
> >
> > > > public void onListBoxClick(){
> > > > lb.addItem("Maschine 1");
> > > > lb.addItem("Maschine 2");
> > > > lb.addItem("Maschine 3");
> > > > lb.setVisibleItemCount(1);
> >
> > > > lb2.addItem("Fabrik");
> > > > lb2.addItem("Geb"+auml+"ude");
> > > > lb2.addItem("Lager");
> > > > lb2.addItem("Franchising");
> > > > lb2.setVisibleItemCount(1);
> > > > }}
> >
> > > >
> --------------------------------------------------------------------------------------------------
> >
> > > > 2.CSS:
> >
> > > > .label {
> >
> > > > top:50px ;
> > > > left:50px ;
> > > > color: white;
> > > > font: normal 20px aharoni, sans-serif;
> > > > border: 1px solid #99bbe8;
> > > > padding: 10px;
> > > > background-color:red;
> >
> > > > }
> >
> > > > .header{
> > > > position:absolute;
> > > > top:0px;
> >
> > > > }
> >
> > > > .label2{
> > > > position:absolute;
> >
> > > > }
> >
> > > > .label3{
> > > > position:absolute;
> > > > top:160 px;
> > > > left:10 px;
> >
> > > > }
> >
> > > > .GWT-Button {
> > > > height: 1.7em;
> > > > margin-bottom: 5px;
> > > > padding-bottom: 3px;
> > > > font-size: 12px;
> > > > font-family: aharoni, sans-serif;
> > > > position: absolute;
> > > > top:300px;
> >
> > > > }
> >
> > > > .GWT-ListBox {
> > > > width:150;
> > > > position:absolute;
> > > > left:390px;
> >
> > > > }
> >
> > > > .GWT-lb2{
> > > > position:absolute;
> > > > left:120px;
> > > > top:160 px;
> >
> > > > }
> >
> > > > .left{
> > > > position: absolute;
> > > > top:100px;
> > > > left:10px;
> >
> > > > }
> >
> > > > .right{
> > > > position: absolute;
> > > > top:100px;
> > > > left:140px;
> >
> > > > }
> >
> > > >
> --------------------------------------------------------------------------------------------------------------
> > > > and nothing changed at the html-code. perhabs somebody can help.
> > > > thanks in forward.
> >
> > > > greetings
> >
>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Google Web Toolkit" group.
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
-~----------~----~----~----~------~----~------~--~---
