Biçimlendirme drupal 6 Formlar

4 Cevap php

Ben aynı hat üzerinde birden fazla öğe var Drupal 6'da bir form oluşturmak için çalışıyorum. Daha specificly, tüm aynı hat üzerinde bir TextField, açılan-kutu ve düğme ne bir sağ alligned formu istiyorum.

Ben öğeleri oluşturmak için biliyorum, ama drupal ayrı hatlarda hepsini koymak eğilimindedir. Nasıl tek bir satırda koymak?

Teşekkürler

4 Cevap

Sen onları konumlandırmak için CSS kullanmak gerekir. Her biri kendi div olmalıdır, bu yüzden çok zor olmamalıdır.

P.S. Lütfen biçimlendirme aynı satırda olmak zor-kodlama şey iyi bir fikir değildir. Her zaman sizin CSS düzeni ve konumlandırma yapmak ve sadece sayfa öğeleri çıkış için biçimlendirme bırakmalısınız.

Tabii ki önceki cevabı katılıyorum: CSS is the way to go!. where should you put the CSS bits?: Asıl soru olsa

Ben kesinlikle bu bir sürü projeye dahil olan diğer insanlar için hayatı kolaylaştırmak gibi, ayrı bir. Css dosyasına koymak önermek ve başka tema, bir Restyling için zaman gelip eğer / için kod taşınabilir tutar olacaktır. Bu öğeden her biri kendi sarma div ile oluşturulan gibi yapmak oldukça kolaydır. (Eğer varolan birine stilleri eklemek yoksa) verilen bir. Css dosyası kullanmak için Drupal anlatmak için kullanmanız gereken işlevi drupal_add_css().

Yani hala / ihtiyaç / formu üreten kodundan belirtilen davranışı çimdik gerekir istiyorsanız, ben size #prefix ve {[ve #suffix özelliklerini (kullanmak öneririz dedi 2)]} dizisi. Bunlar tüm form elemanları için ortak olan ve (tabii, ondan sonra, belirli bir elementin önce soneki önek) render şeklinde doğrudan HTML enjekte sağlar. Eğer <style type="text/css"> etiketi aracılığıyla hem html gibi <div> 's ve <span>' nin elemanları ve CSS gereken yere koymak olabilir bu şekilde.

Ben ilk çözüm (harici CSS dosyası) yol daha iyi olduğunu, ancak vurgulamak istiyorum.

Bu yardımcı olur umarım!

Ben sık sık CSS tema doğru yolu biçimi olduğunu kabul ederken, bazen güçlü yöntemler gerekir. Ben tek bir satırda yazdırılır isimleri ve SSNs alanları ile insanların bir listesi gibi, theming complex forms with tabular information hakkında bir makale yazdı.

Drupal Formlar API genellikle sınıf adı 'form-madde' ile ayarlanmış bir sarıcı div öğesi kullanılarak her elemanını verir.

örn.

<div class="form-item">

  <label> ... </label>
  <input> ... </input>
  <div class="description"> ...</div>

</div>

Yanyana oturup üç elemanları almak için, (elemanı bir satıra sığacak kadar dar ki) genişliğini ayarlamanız gerekir, ve bir uygulamak gerekir float: left; ' CSS seçicisi olarak div.form-öğesini kullanarak.

Öğeler temiz, düzgün ': hidden taşmasına;' uygulamak emin olmak için üç form öğeleri içeren ana öğeye.