PrimeNG: Listbox und Panel nebeneinander anordnen

Question

Ich benutze PrimeNG Beta 17 in meiner Angular 2 App integriert. Innerhalb meiner Vorlage möchte ich ein Listenfeld neben einem Panel platzieren, während das Listbox links neben dem Panel angezeigt werden soll.

<p-listbox [options]="modelTypes" [(ngModel)]="selectedModelType" 
      [style]="{'width':'150px','max-height':'150px'}"></p-listbox> 
<p-panel header="Model description" [toggleable]="true" [collapsed]="true" > 
      Lorem ipsum dolor sit 
</p-panel> 

Irgendeine Idee, wie man das erreicht? Ich bin mir der "Float" -Technik in CSS bewusst, aber ich frage mich, ob es in PrimeNG eine eingebaute Unterstützung gibt, um das Layout zu vereinfachen.

Answer 1

um dies zu erreichen, versuchen Sie es mit dem Grid. So brauchen Sie nur so etwas zu tun:

<div class="ui-g-12 ui-g-nopad"> 
      <div class="ui-g-6 ui-g-nopad"> 
       Content1 
      </div> 
      <div class="ui-g-6 ui-g-nopad"> 
       Content2 
      </div> 
     </div> 

http://www.primefaces.org/primeng/#/grid