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
Utilizzare la parola chiave var con lambda eExpression e method group in C# 10
Introduzione al nuovo tipo DateOnly di .NET
Le regole da seguire per effettuare la migrazione a Bootstrap 5
Gestire il timing sugli eventi all'interno di un'applicazione Blazor
Minimal API con .NET
Gestire aree contestuali in un'applicazione Blazor
Generare un QR Code da ASP.NET Web API
Retry automatico di un task di una pipeline di Azure DevOps
Le novità di .NET 6 e C# 10
Esecuzione a matrici nelle pipeline YAML di Azure DevOps
Caricare automaticamente i dati delle relazioni in EF Core 6
Utilizzare le Promise in Javascript - seconda parte