Bolehkah kumpulan butang radio Vaadin digayakan sebagai kumpulan butang?

Question

Adakah mungkin untuk menggayakan butang radio dalam vaadin seperti satu set butang dan memilih butang untuk diwarnakan?

Saya ingin menggunakan kumpulan butang seperti butang radio. Satu item boleh disemak, dan yang lain tidak boleh disemak.

Answer 1

Dengan mengandaikan Vaadin 23 (struktur komponen mungkin berubah dalam versi lain), nampaknya boleh dilaksanakan.

Dalam gaya global.css, tambah:

vaadin-radio-group.buttons vaadin-radio-button {
    border: 1pt solid black;
    border-radius: 4px;
    --radio-button-wrapper-display: none;
}

vaadin-radio-group.buttons vaadin-radio-button[checked] {
    background: orange;
}

Dalam komponen tema/vaadin-radio-button.css, tambahkan

.vaadin-radio-button-wrapper { display: var(--radio-button-wrapper-display,block); }

(Ini akan menyembunyikan bulatan radio, tetapi anda masih boleh memilihnya dengan mengklik pada label yang masih kelihatan)

dan tetapkan kelas RadioButtonGroup kepada buttons.