Das Element "layout" zum Ändern der Cluster-Darstellung verwenden

Bei der Standarddarstellung eines Clusters werden alle enthaltenen Fragen in einer Spalte angezeigt. Die Fragen werden in der Reihenfolge anzeigt, in der sie im Script definiert wurden. Die Beschriftung und das Eingabefeld bzw. der Eingabewert machen 50 % der verfügbaren Breite aus. Um die Standarddarstellung zu ändern, können Sie dem Cluster ein "layout"-Element hinzufügen. Im folgenden Beispiel besitzt der Cluster kein "layout"-Element und zeigt daher das Standardverhalten:

Abbildung 1. Cluster ohne Layout

<cluster>
  <title id="DetailsCluster.Title">
    <![CDATA[Personal Details]]>
  </title>
  <description id="DetailsCluster.Description">
    <![CDATA[Enter your details here]]>
  </description>
  <question id="firstName" mandatory="true">
    <label id="FirstName.Label">
      <![CDATA[First Name:]]>
    </label>
  </question>
  <question id="middleName">
    <label id="MiddleName.Label">
      <![CDATA[Middle Name:]]>
    </label>
  </question>
  <question id="lastName">
    <label id="lastName.Label">
      <![CDATA[Last Name:]]>
    </label>
  </question>
  <question id="gender" mandatory="true">
    <label id="Gender.Label">
      <![CDATA[Gender:]]>
    </label>
  </question>
  <question id="dateOfBirth" mandatory="true">
    <label id="DateOfBirth.Label">
      <![CDATA[Date Of Birth:]]>
    </label>
  </question>
</cluster>

Sie können ein "layout"-Element hinzufügen, damit die Beschriftungsbreite wie folgt auf 75 % geändert wird:

Abbildung 2. Layout mit Beschriftungsbreite

<cluster>
  <layout>
    <label-width>75</label-width>
  </layout>

Mit einem "layout"-Element können Sie auch den Layouttyp und die Anzahl der Spalten ändern:

Abbildung 3. Layout mit Layouttyp "compact-flow" und 3 Spalten

<cluster>
  <layout>
    <type>compact-flow</type>
    <num-cols>3</num-cols>
  </layout>

Die Standardbreite für Cluster beträgt 100 % des verfügbaren Platzes. Die Breite von Clustern mit einem "layout"-Element ebenfalls geändert werden:

Abbildung 4. Layout mit Breite für Cluster

<cluster>
  <layout>
    <width>80</width>
  </layout>