In linea con la riscrittura dei forms, in Bootstrap 5.0 troviamo una completa riscrittura delle check-box. Come si può notare dal codice sottostante è stata introdotta una classe form-check che permette di impostare lo stile del controllo.
<!--4.6--> <div class="custom-control custom-checkbox"> <input type="checkbox" class="custom-control-input" id="ck1"> <label class="custom-control-label" for="ck1">checkbox</label> </div> <!--5.0--> <div class="form-check"> <input class="form-check-input" type="checkbox" value="" id="ck1"> <label class="form-check-label" for="ck1">checkbox</label> </div>
La migrazione in questo caso non risulta complessa, ma l'effetto finale è una uniformità tra i controlli checkbox, radio, select, file, range e una visualizzazione OS indipendent per fare in modo che, da qualsiasi browser apriamo la pagina web, troviamo lo stesso layout.
Anche in questo caso troviamo una sezione della documentazione dedicata a questa tipologia di controlli all'url https://getbootstrap.com/docs/5.0/forms/checks-radios/.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Gestire gli errori nelle Promise JavaScript con try()
Selettore CSS :has() e i suoi casi d'uso avanzati
Modificare lo stile in una QuickGrid Blazor
Creare espressioni riutilizzabili nelle query LINQ per Entity Framework
Eseguire query in contemporanea con EF
Esporre tool MCP con Azure Functions
Utilizzare Intersect e Except per filtrare set di dati in TSql
Ricevere notifiche sui test con Azure Load Testing
Gestire codice JavaScript con code splitting e lazy loading
Integrare Agenti A2A in Azure API Management
Generare una User Delegation SAS in .NET per Azure Blob Storage
DevSecOps per .NET: dalla teoria alla pratica


