it-swarm-id.com

bagaimana cara menambahkan kelas tambahan ke bidang tanggal di tampilan?

Saya menggunakan Drupal 7. Saya membuat tampilan, yang menggunakan bidang tanggal. Saya ingin membuat kelas tambahan ke bidang tanggal untuk tampilan spesifik itu.

Sebagai contoh,

<div class="field-content">
 <span class="date">10</span>
 <span class="month">June</span>
 <span class="year">2011</span>
 <span class="time"> 8:00 </span>
</div>

Sekarang saya punya kode:

<div class="field-content">
 <span class="date-display-single">10 June 2011, 8:00</span>
</div>

Bagaimana saya bisa melakukannya langkah demi langkah?

7
user1513
  1. Anda perlu memasang modul token (versi beta terbaru menyertakan token bidang) dan modul formatters kustom dari http://drupal.org/project/custom_formatters .

  2. Kemudian aktifkan dari halaman modul.

  3. Pergi ke admin-> structure-> formatters.

  4. Tambahkan formatter baru, letakkan nama yang Anda sukai.

  5. Format: HTML + Token

  6. Jenis bidang: Tanggal

  7. Formatter:

    <span class="day">[node:source:field-datefieldname:custom:j]</span>
    <span class="month">[node:source:field-datefieldname:custom:F]</span>
    <span class="year">[node:source:field-datefieldname:custom:Y]</span>
    
  8. Menyimpan

Sekarang, Anda telah membuat formatter tanggal kustom, yang dapat Anda gunakan sesuai keinginan Anda!

3
john

Anda dapat melakukan ini tanpa modul tambahan apa pun.

  1. Tambahkan bidang tanggal. Kecualikan ini dari tampilan. Pilih kustom, dan tulis d di kotak (seperti pada tanggal php untuk hari itu). Ubah 'Pengaturan Gaya' - Sesuaikan bidang HMTL (atur ke none) dan Sesuaikan bidang dan label wrapper HTML (atur ke none). Drupal date field
  2. Tambahkan bidang tanggal lagi. Kecualikan ini juga dari tampilan. Pilih kustom, dan tulis M di kotak (seperti pada tanggal php untuk bulan itu). Ubah 'Pengaturan Gaya' - Sesuaikan bidang HMTL (atur ke none) dan Sesuaikan bidang dan label wrapper HTML (atur ke none).
  3. Tambahkan bidang tanggal lagi. Kecualikan ini juga dari tampilan. Pilih kustom, dan tulis Y di kotak (seperti pada tanggal php untuk tahun ini). Ubah 'Pengaturan Gaya' - Sesuaikan bidang HMTL (atur ke none) dan Sesuaikan bidang dan label wrapper HTML (atur ke none).
  4. Tambahkan bidang tanggal lagi (WAKTU TERAKHIR!). JANGAN MENGECUALIKAN INI DARI TAMPILAN. Pilih kustom, dan tulis G: i (seperti dalam tanggal php untuk jam dan menit). Ubah 'Pengaturan Gaya' - Sesuaikan bidang HMTL (atur ke none) dan Sesuaikan bidang dan label wrapper HTML (atur ke none).
  5. Tulis ulang hasil dari bidang tanggal akhir ini. Dengan menggunakan pola penggantian, Anda dapat menulis sesuatu seperti ini:

    <div class="date">
      <span class="day">
        [created]
      </span>
      <span class="month">
        [created_1]
      </span>
      <span class="year">
        [created_2]
      </span>
    </div>
    

Drupal Rewrite Results

4
David Paul

Solusi yang cukup cepat (jika Anda dapat menulis php), tetapi sedikit solusi hackish adalah mengganti template untuk bidang itu (lihat Dasar-dasar tema tampilan ), proses nilai tanggal mentah dengan php untuk mengambil terpisah potongan dan kemudian rekatkan bersama-sama dengan HTML pilihan Anda.

Atau, saya pikir Anda bisa menulis formatter bidang tanggal kustom ( di sini adalah seseorang yang melakukan itu untuk D6). Itu akan menjadi solusi yang bagus jika Anda ingin menggunakan kembali formatter kustom di node Anda.

3
marcvangend

Ini tidak mungkin menggunakan Tampilan UI. Anda akan membutuhkan sedikit kode yang rumit, dan saya ingin tahu tentang use case Anda sebelum mendorong Anda untuk mencari tahu.

Jika Anda bertanya bagaimana cara menambahkan kelas ke bidang secara keseluruhan, jawabannya akan seperti ini:

  1. Klik pada bidang di antarmuka Views.

  2. Buka bidang "Setelan Gaya".

  3. Centang kotak "Sesuaikan bidang HTML", lalu kotak centang "Buat kelas CSS".

  4. Masukkan kelas yang Anda inginkan.

Mungkin solusi itu sudah cukup. Kalau tidak, saya berharap Anda beruntung.

1
tim.plunkett

Ini sangat mudah, (setelah Anda tahu caranya)

Gunakan bidang khusus tampilan suite

Buka admin/struktur/ds/bidang

(Dalam menu: Struktur -> Tampilan Suite -> Bidang)

Klik tambahkan bidang kode

Untuk kasus penggunaan saya, saya memasukkan yang berikut ini

Label

Apa pun

Entitas

Node

Batas bidang

Biarkan kosong

kode bidang

<div>
  <span class="mf-month">[node:created:custom:M]</span> 
  <span class="mf-day">[node:created:custom:d]</span>
</div>

Token

diperiksa

Setelah Anda membuat bidang, lalu pergi ke halaman tampilan kelola untuk jenis konten dan mode tampilan yang Anda sesuaikan dan pilih bidang khusus yang baru.

Cuplikan layar pengaturan di atas

Screenshot of the settings page

1
chim