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
-~----------~----~----~----~------~----~------~--~---
