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 Google-Web-Toolkit@googlegroups.com 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 -~----------~----~----~----~------~----~------~--~---