Tampilan tombol pada perangkat mobile

https://www.jotform.com/build/252387499759481

tampilan hp tampak tombol tidak tersusun rapi

Hai Memil,

Terima kasih telah menghubungi tim dukungan Jotform. Anda dapat memasukkan kode CSS berikut ke dalam formulir Anda untuk memperbaiki tampilan kolom Tingkat Anda sewaktu dikunjungi melalui selular. Anda dapat mengikuti langkah-langkah berikut:

1. Pertama, salin kode berikut:

/* Memperbaiki tampilan kolom Tingkat Anda sewaktu dikunjungi melalui selular */

@media only screen and (max-width: 600px) {

 .form-radio-item label {

  padding: 5px 5px !important;

text-align: center !important;

 }

}

2. Di Pembuat Formulir, klik ikon Rol Cat di kanan atas layar Anda.

3. Kemudian, pada menu Desainer Formulir di sebelah kanan layar, klik tab Gaya.

4. Lalu, tempel kode CSS Anda ke dalam kolom Masukan CSS Khusus.

Berikut adalah tampilan formulir setelah Anda menempelkan kode CSS di atas:

Beri tahu kami jika Anda memerlukan bantuan lebih lanjut.

terima kasih,

tombolnya tidak seukuran

Hi Memil,

Beri saya waktu untuk melihat formulir Anda, saya akan mengabari Anda saat ada pembaruan.

Beri tahu kami jika Anda memiliki pertanyaan lainnya.

Hi Memil,

Tambahkan CSS berikut supaya tombol muncul dalam ukuran yang sama dan teks tidak terpotong. Mari saya jelaskan caranya:

1. Pertama, salin kode berikut:

@media screen and (max-width: 600px) {

  #id_5 .form-multiple-column {

    display: flex;

    flex-direction: column;

    gap: 10px; /* optional spacing */

  }

  #id_5 .form-radio-item {

    display: flex;

    align-items: center;

    width: 100%;

  }

}

2. Di Pembangun Formulir, klik ikon Rol Cat di sisi kanan halaman untuk membuka Perancang Formulir.

3. Sekarang, di menu Perancang Formulir, klik tab Gaya, gulir ke bawah, lalu tempelkan kode ke dalam kotak Suntik Kode CSS. Selesai. Kode akan tersimpan secara otomatis.

Lihat screenshot saya di bawah ini untuk melihat hasilnya:

Beri tahu kami jika anda memerlukan bantuan lebih lanjut.