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
Proteggere l'endpoint dell'agente A2A delle Logic App
Controllare la velocità di spostamento su una pagina HTML
Gestione ciclo di vita in .NET Aspire
Ridimensionamento automatico input tramite CSS
Impostare il tipo di supporto dei campi Json in Entity Framework con Sql Server
Interagire con Azure DevOps tramite MCP Server
Arricchire l'interfaccia di .NET Aspire
Gestire il routing HTTP in Azure Container App
Esporre un server MCP esistente con Azure API Management
Usare la parola chiave field per semplificare la scrittura di proprietà in C#
Semplificare i deployment con le label in Azure Container App
Gestione opzioni colonna nella Blazor QuickGrid




