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
Configuratione e utilizzo .NET Aspire CLI
Gestione CSS in Blazor con .NET 9
Supportare la sessione affinity di Azure App Service con Application Gateway
Inference di dati strutturati da testo con Semantic Kernel e ASP.NET Core Web API
Ridurre il reflow cambiando il CSS
Aggiornare a .NET 9 su Azure App Service
Conoscere il rendering Server o WebAssembly a runtime in Blazor
Gestire gli errori nelle Promise JavaScript con try()
Escludere alcuni file da GitHub Secret Scanning
Proteggere le risorse Azure con private link e private endpoints
Recuperare App Service cancellati su Azure
Utilizzare la funzione EF.Parameter per forzare la parametrizzazione di una costante con Entity Framework