Tampilan mungkin sangat berpengaruh kepada psikologis user maka sebaiknya kita membuat tampilan kita semenarik mungkin termasuk tombol file upload, nah sebelum memulai tips dan trick kali ini teman-teman terlebih dahulu baca pembahasan tentang Cara Membuat Tombol Upload Menggunakan Bulma Framework pada artikel saya sebelumnya. Kalau sudah membaca artikel saya sebelumnya maka teman-teman bisa melanjutkan membaca tips dan trick dari saya kali ini tentang Merubah Tombol Upload pada Bulma Framework

Di dalam bulma kita bisa merubah ukuran, posisi dan warna hanya dengan menambahkan class yang sudah disediakan, sekarang kita akan mencoba menambahkannya dalam class hero, berikut langkah-langkah untuk mencoba Merubah Tombol Upload pada Bulma Framework:

1. Pertama

Buka file html yang telah teman-teman buat pada artikel sebelumnya tentang Cara Membuat Tombol Upload Menggunakan Bulma Framework.

2. Kedua

tambahkan class is-boxed, is-primary dan is-large berbarenngan dengan class file, seperti kode di bawah ini:

Coba teman-teman buka di browser teman-teman maka tampilannya akan menjadi seperti berikut:

Merubah Tombol Upload pada Bulma Framework

  • is-boxed : Merubah bentuk tombol upload
  • is-large : Ukuran besar
  • is-primary : Merubah Warna

Nah, dari gambar dia atas teman-teman bisa memilih class apa yang akan teman-teman gunakan untuk merubah tombol upload itu sendiri.

Class is-boxed adalah class yang memudahkan kita merubah bentuk tombol upload dan begitupun class is-large, is-primary dan yang lainnya yang sudah dijelaskan di atas membuat tombol upload bisa berubah sesuai keinginan kita.

Dengan bulma kita dapat dengan mudah merubah bentuk dengan class yang sudah di sediakan oleh bulma. Bagaimana teman-teman cukup mudahkan merubah tombol upload di bulma.

Sekian pembahasan kali ini tentang Merubah Tombol Upload pada Bulma Framework. Semoga bermanfaat.