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
Hosting di componenti WebAssembly in un'applicazione Blazor static
Utilizzare il trigger SQL con le Azure Function
Effettuare il refresh dei dati di una QuickGrid di Blazor
Evitare la script injection nelle GitHub Actions
Estrarre dati randomici da una lista di oggetti in C#
Le novità di Angular: i miglioramenti alla CLI
Usare i servizi di Azure OpenAI e ChatGPT in ASP.NET Core con Semantic Kernel
Eseguire le GitHub Actions offline
Creare gruppi di client per Event Grid MQTT
Triggerare una pipeline su un altro repository di Azure DevOps
Migrare una service connection a workload identity federation in Azure DevOps
Sfruttare MQTT in cloud e in edge con Azure Event Grid