java gwt flowpanel always new line

Question

I'm trying to use a flowpanel in java gwt but when I add different widgets, the panel adds every widget in a new line, here is how I set the flowPanel

 public class Test extends Composite {
   public abstract class SomeWidget<T> extends Composite {
      ...
   }

   public class SomeStringWidget extends SomeWidget<String> {
      ...
   }


   public void setWidget() {
     FlowPanel fp = new FlowPanel();
     fp.setWidth("100%");
     fp.add(new SomeStringWidget());
     fp.add(new SomeStringWidget());
     ...
   }
 }

Why is every Widget set in a new line and not, as the flowpanel should, add the widgets in a line till there is no more space and then add them in a new line??

Answer 1

I was facing same issue and assigned style to FlowPanel widget to align widgets in a line. This will solve your problem.

FlowPanel fp = new FlowPanel();
fp.setStyleName("flowPanel_inline");

style.css

.flowPanel_inline
{
    display:inline;
}

Also you have to set this same style in added elements also.