Wie werden zwei Schaltflächen in derselben Zeile mit HTMLPanel in GWT 2.4 ausgerichtet?

  • Ich verwende GWT 2.4 und uiBinder, um einer Seite Widgets hinzuzufügen. Jetzt möchte ich zwei unterste Schaltflächen in einer Reihe anordnen, aber ich bin mir nicht sicher, wie ich das richtig mache.

    Ich habe versucht, ein horizontalesPanel wie folgt hinzuzufügen:

     <tr>
       <td align="center">
          <g:HorizontalPanel ui:field="horizontalPanel" borderWidth="1" spacing="50">
             <g:Button ui:field="cancelButton" text="Cancel"></g:Button>
             <g:Button ui:field="exitButton" text="Exit"></g:Button>                    
        </g:HorizontalPanel>
       </td>
    </tr>
     

    Die Tasten sind jedoch nicht weit genug voneinander entfernt. Durch Erhöhen des Abstands wird die Höhe des Bedienfelds erhöht und ein weiterer darüber liegender Knopf nach unten gedrückt.

    Wie gehen Sie dazu vor?

    22 November 2011
    James Drinkard
1 answer
  • Es gibt zwei Möglichkeiten, wie Sie Ihr Layout in GWT erstellen können:

    1. hängen von smartgwt oder gxt ab.
    2. beißt die Kugel und lernt css.

    Ich rate den Leuten, den 2. Weg zu gehen. smartgwt und gxt werden für ein einfaches Projekt attraktiv erscheinen. Wenn Ihr Projekt jedoch immer komplexer wird, werden die Inkompatibilitäten mit allen anderen GWT-Leckereien immer breiter.

    Beißen Sie die Kugel und lernen Sie, css in gwt zu integrieren / p>

     <!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
    <ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
      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:UiBinder>
     
    22 November 2011
    Blessed Geek