Каков правильный способ выровнять две кнопки в одной строке с HTMLPanel в GWT 2.4?

Я использую GWT 2.4 и ******** для добавления виджетов на страницу. Теперь я хочу разбить две нижние кнопки в одну строку, но я не уверен в правильности этого.

Я попытался добавить в horizontalPanel следующее:

<g:horizontalpanel ui:field="horizontalPanel" borderwidth="1" spacing="50">
 
  
 </g:horizontalpanel>

но это не означает, что кнопки достаточно далеко друг от друга. Увеличение интервала добавляет большую высоту к панели и толкает все вниз другую кнопку, которая находится над ней.

Каков правильный способ сделать это?

1 ответ

Есть два способа, которыми вы можете заниматься своим макетом в GWT:

  1. зависят от smartgwt или gxt.
  2. кусать пулю и учиться css.

Я советую людям идти вторым путем. smartgwt и gxt будут казаться привлекательными для простого проекта. Однако по мере того как ваш проект становится все более сложным, несовместимость со всеми другими преимуществами GWT становится все шире и шире.

Укусите пулю и научитесь интегрировать css в gwt.

<ui:******** xmlns:ui="urn:ui:com.google.gwt.********" xmlns:g="urn:import:com.google.gwt.user.client.ui">
 <ui:style>
 .trivial {
 font-weight: bold;
 margin-left: 50px;
 margin-top: 0px;
 margin-right: 50px;
 margin-bottom: 0px;
 }
 </ui:style>
 <g:horizontalpanel>
 <g:button stylename="{style.trivial}" ui:field="button1">David Headley</g:button>
 <g:button stylename="{style.trivial}" ui:field="button2">Debacle</g:button>
 </g:horizontalpanel>
</ui:********>

licensed under cc by-sa 3.0 with attribution.