how to add margins to FlowPanel?

Question

I'm using com.google.gwt.user.client.ui.FlowPanel Widgets are very close to each other. However I can't figure out how to set margins?

BTW probably there are better layouts? I just need a container for several Anchors that located one by one.

Answer 1

You can do it either programmatically :

flowPanel.getElement().getStyle().setProperty("margin", "10px");

Or with a CSS class that declares a margin (YourCssClassWithMargin{ margin: 10px; }) :

-> if you use UiBinder add the CSS style this way :

<g:FlowPanel styleName='YourCssClassWithMargin'>

-> if you don't use UiBinder this way :

flowPanel.addStyleName("YourCssClassWithMargin");