Selamat datang kembali pada website tips dan trik Dumet School, di kesempatan kali ini saya akan memberikan tips seputar dunia website yaitu Menggunakan Metode Hiding dan Truncation Pada Materialize kita lanjut ya teman – teman dalam pembahasan framework css materialize. Pada judul artikel kali ini kita akan membahas dan mempraktekkan metode hiding dan truncation, metode hiding di dalam framework ini berfungsi untuk menyembunyikan atau menampilkan konten pada setiap device. Kemudian metode truncation yang berarti memotong, metode ini lebih mengarah untuk text. Ketika text memiliki panjang kemudian pada saat tampilan mobile fungsi truncation ini akan memotong sebagian text yang otomatis menyesuaikan tampilan layar dengan tapilan di belakangnya (….) atau lihat pada gambar di bawah ini yang saya beri kotak berwarna merah.
Oke mari langsung saja kita praktekkan Menggunakan Metode Hiding dan Truncation Pada Materialize lihat tabel pada gambar di bawah ini
Adalah daftar class untuk menyembunyikan atau menampilkan konten, saya akan coba menyembunyikan konten pada saat tampilan mobile.
Pada tampilan layout di atas ini saya menggunakan file sebelumnya, teman – teman juga bisa review pada artikel sebelumnya tentu hasilnya akan seperti gambar di atas ini. Selanjutnya saya akan menyembunyikan konten pada gambar di atas ini yang saya berikan kotak berwarna orange dengan cara menambahkan class hide-on-small-only pada class col
Jika saya save dan jalankan pada browser tampilan mobile maka akan di hilangkan
Kemudian yang berikutnya kita tambahkan metode truncation, kita tambahkan file paling bawah pada file index.html
Save dan refresh pada bowsernya, dan ubah ukuran layar dari ukuran dekstop sampai ukuran mobile. Pada tampilan mobile text akan menghasilkan seperti gambar di bawah ini
Kemudian kita berikan class truncate untuk memotong sebagian text
Maka text akan di potong jika text melebihi tampilan setiap device
Itulah hasil dari fungsi hiding dan truncation, tentunya masih banyak lagi metode – metode di dalam framework ini. Dan kita akan bahas lagi pada artikel berikutnya, saya kira cukup sekian pada artikel kali ini tentang Menggunakan Metode Hiding dan Truncation Pada Materialize semoga bermanfaat. Terimakasih dan sampai jumpa.