Kolaborasi Module Display Suite, Bootstrap Tabs Dengan Field Group
Untuk sanggup memakai Bootstrap Tabs Anda perlu menginstal Module Bootstrap field group, alasannya bootstrap tabs itu sendiri yaitu bab dari bootstrap field group. Selanjutnya perlu dimenambahkan juga yang namanya module field group.
Dari namanya saja sudah sanggup ditebak bahwa field group ini dipakai untuk mengelompokan field – field tertentu yang terdapat pada sebuah content type. Kalau yang saya pahami ibarat itu, tapi untuk lebih jelasnya silahkan pahami dokumentasi modulenya drupal.org.
Dari namanya saja sudah sanggup ditebak bahwa field group ini dipakai untuk mengelompokan field – field tertentu yang terdapat pada sebuah content type. Kalau yang saya pahami ibarat itu, tapi untuk lebih jelasnya silahkan pahami dokumentasi modulenya drupal.org.
Sesudah sebelumnya berhasil melaksanakan instalasi dan konfigurasi module display suite maka kini saatnya mengkolaborasikan module tersebut dengan bootstrap tabs, setiap field yang sudah dibagi kedalam display layout akan disimpan ke dalam tabs, sehingga dibutuhkan nanti tampilannya akan lebih rapih.
Kolaborasi Module Display Suite, Bootstrap Tabs melaluiataubersamaini Field Group
- Download dan Instal Module Bootstrap field group dan field group
- Klik Structure > Content Types > Article > Manage Display
- Nanti scroll ke bawah, pada bab kolom Add new group menambahkan field baru, yaitu field tabs dengan format Bootstrap nav : tabs/pills
- Selanjutnya setelah itu menambahkan juga field gres lainnya diantaranya, field full story, galeri dan video dengan format Bootstrap nav : item
- Kemudian tempatkan konten – konten tersebut diatas field – field yang yang bersangkutan, misal field body dibawah full story, galeri dibawah galeri dan youtube dibawah video
- Sehingga nanti kurang lebih nanti pengaturannya akan terlihat ibarat diberikut
- Terakhir klik save, kalau berhasil maka nanti content article akan terlihat ibarat diberikut
Supaya Tabs Full strory otomatis dalam keadaan aktif pada dikala konten diakases, maka Anda nanti sanggup melaksanakan pengaturan dengan mengklik roda gigi pada bab full story kemudian menambahkan class ‘active’ sehingga hal tersebut akan membuat field full story aktif secara otomatis ketika konten pertama kali diakses, langkah diberikutnya yaitu menciptakan halaman foto galeri dengan bootstrap modal
Post a Comment for "Kolaborasi Module Display Suite, Bootstrap Tabs Dengan Field Group"