同じ行に複数の項目があるフォームを drupal 6 で作成しようとしています。より具体的には、テキストフィールド、ドロップダウンボックス、およびボタンがすべて同じ行にある右揃えのフォームが必要です。
項目の作成方法は知っていますが、drupal では項目をすべて別の行に配置する傾向があります。1行にまとめるにはどうすればいいですか?
ありがとう
同じ行に複数の項目があるフォームを drupal 6 で作成しようとしています。より具体的には、テキストフィールド、ドロップダウンボックス、およびボタンがすべて同じ行にある右揃えのフォームが必要です。
項目の作成方法は知っていますが、drupal では項目をすべて別の行に配置する傾向があります。1行にまとめるにはどうすればいいですか?
ありがとう
それらを配置するには、CSS を使用する必要があります。それぞれが独自の div にある必要があるため、それほど難しくありません。
PS マークアップの同じ行に何かをハードコーディングすることはお勧めできません。常に CSS でレイアウトと配置を行い、アイテムをページに出力するためだけにマークアップを残す必要があります。
多くの場合、CSS がフォームのテーマを設定する正しい方法であることに同意しますが、より強力な方法が必要な場合もあります。名前と SSN のフィールドがすべて 1 行に印刷された人のリストなど、表形式の情報を含む複雑なフォームのテーマについての記事を書きました。
Drupal Forms API は通常、クラス名「form-item」で設定されたラッパー div 要素を使用して各要素を出力します。
例えば。
<div class="form-item">
<label> ... </label>
<input> ... </input>
<div class="description"> ...</div>
</div>
3 つの要素を隣り合わせに配置するには、幅を設定して (要素が 1 行に収まるほど十分に狭くなるように)、「float: left;」を適用する必要があります。CSS セレクターとして div.form-item を使用します。
要素が適切にクリアされるようにするには、「overflow: hidden;」を適用します。3 つのフォーム要素を含む親要素に。