Reducing space between a label and list box in gwt

Question

snapshot has a label and a listbox nxt to it

The environment is a label and and next to that is a list box in a horizontal panel. How can I reduce the space between these two? I tried with set spacing to 0 it doesn't seem to work.

And is there any way where I can add the title without using labels?

Which Browser ? Where is the code ? Are you using smartgwt or gxt? Please provide details in question and also information what you have tried. — appbootup, Feb 06 '13 at 06:53
its using basic Gwt, i have tried setting the alignment of the horizontal panel to right , set spacing to 0 . — Ekata, Feb 06 '13 at 06:55

score 1 · Answer 1 · answered Feb 06 '13 at 08:17

If you are using gwt with UIBinder then you can just set the spacing using css. To experiment, right-click in your browser and "inspect element", then experiment with margins, padding etc. until it looks right. Then you can set a class on the elements in gwt with label.setStyle("bla-bla") and set the margins/padding in your style sheet

score 0 · Accepted Answer · answered Feb 06 '13 at 07:56

Here you go

Horizontal Panel will create an table and if you gave the width on the panel with in that width widget will share the equal space .

So

Set the display type block so they will arrange in side by side in the whole width

    HorizontalPanel panel  = new HorizontalPanel();
    panel.setWidth("70%");
    panel.getElement().getStyle().setDisplay(Display.BLOCK);
    panel.add(new Label("Lable"));
    panel.add(listbox);
    RootPanel.get().add(panel);

Reducing space between a label and list box in gwt

2 Answers2