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
Implementare il throttle in JavaScript
Integrare un servizio esterno con .NET Aspire
Utilizzare una qualunque lista per i parametri di tipo params in C#
Eliminare una project wiki di Azure DevOps
Creare una libreria CSS universale: Cards
Disabilitare le run concorrenti di una pipeline di Azure DevOps
Creare una libreria CSS universale: i bottoni
Ottimizzare le pull con Artifact Cache di Azure Container Registry
Utilizzare Containers in .NET Aspire
Utilizzare Intersect e Except per filtrare set di dati in TSql
Ricevere notifiche sui test con Azure Load Testing
Utilizzare Container Queries nominali