Penjelasan
<b:class>
digunakan untuk membuat atau menambahkan nilai dari attribut class
yang berlaku untuk tag induk. Tag <b:class>
tidak akan menghapus nilai class yang sudah ada.Jika element induk tidak mempunyai attribut class, maka secara otomatis akan membuat attribute tersebut.
Attribut
cond
name
Attribut cond
- Digunakan jika suatu konsisi diperlukan.
- Nilai : kondisi
- Keterangan : relative, bisa disebutkan ataupun tidak
Attribut name
- Digunakan untuk menuliskan nilai attribut class yang ingin disematkan.
- Nilai : nama kelas.
- Keterangan : wajib disebutkan, awalan
expr:
bisa diberlakukan.
syntax
<b:class name='...'/>
<b:class cond='...' name='...'/>
Kumpulan contoh <b:class>
<div>
<b:class name='article'/>
</div>
Hasil render HTML
<div class="article">
</div>
<div class='article'>
<b:class name='my-article'/>
</div>
Hasil render HTML
<div class="article my-article">
</div>
Contoh Berdasarkan Kondisi
<article class='article'>
<b:class cond='data:view.isHomepage' name='home'/>
<b:class cond='data:view.isPost' name='post'/>
<b:class cond='data:view.isPage' name='page'/>
<b:class cond='data:view.isSearch' name='search'/>
</article>
Hasil render HTML jika di halaman Home
<article class="article home">
</article>
Hasil render HTML jika di halaman post
<article class="article post">
</article>
Hasil render HTML jika di halaman Page statis
<article class="article page">
</article>
Hasil render HTML jika di halaman pencarian
<article class="article search">
</article>
Hasil render HTML jika bukan di halaman Home, post, page dan pencarian
<article class="article">
</article>
Contoh dengan awalan exr:
dan operan
<article class='article'>
<b:class expr:name='data:view.isHomepage ? "home" : "all"'/>
</article>
Hasil render HTML jika di halaman Home
<article class="article home">
</article>
Hasil render HTML jika bukan di halaman Home
<article class="article all">
</article>