Ubah tampilan tombol radio

ubah tampilan lebih bagus

Hi Memil,

Terima kasih telah menghubungi Dukungan Jotform.  Jika Anda ingin mengubah tampilan tombol radion formulir Anda lebih menarik, itu dapat dicapai dengan menyuntikkan kode CSS ke formulir Anda. Mari saya jelaskan caranya:

1. Pertama, salin kode ini:

/* Hover effect */

.form-radio + label {

  display: inline-block;

  padding: 6px 12px;

  border-radius: 8px;

  transition: transform 0.2s ease, background 0.2s ease;

  cursor: pointer;

}



.form-radio + label:hover {

  transform: scale(1.05);

  background: #f0f8ff;

}



/* Shake animation when selected */

@keyframes shake {

  0% { transform: translateX(0); }

  25% { transform: translateX(-4px); }

  50% { transform: translateX(4px); }

  75% { transform: translateX(-4px); }

  100% { transform: translateX(0); }

}



.form-radio:checked + label {

  animation: shake 0.4s ease;

  background: #d1e7ff;

  font-weight: bold;

}

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 screencast saya di bawah ini untuk melihat hasilnya:

Untuk menjaga percakapan tetap teratur, saya memindahkan pertanyaan Anda yang lain ke thread terpisah, dan seseorang dari Tim Dukungan kami akan membantu Anda di sana.

Terima kasih atas kesabaran Anda, kami sangat menghargainya.

terima kasih