ASP.NET 4.0 ha posto l'accento sulla generazione di un migliore markup da parte dei controlli. Un'area in cui questo effetto è particolarmente visibile è nel caso di CheckBoxList e RadioButtonList.
Come comportamento predefinito, questi due controlli organizzano il proprio rendering utilizzando una tabella HTML: quando si vuole avere un markup più pulito, quindi, diventa inutilizzabile e, spesso, è necessario ricorrere ad altre strade, molto più complesse, come quella di costruire un control adapter.
Con ASP.NET 4.0 è sufficiente impostare la proprietà RepeatLayout su UnorderedList. La proprietà agisce solo su CheckBoxList e RadioButtonList, facendo produrre un elenco di tag li, racchiusi dentro un tag ul.
<asp:RadioButtonList RepeatLayout="UnorderedList" CssClass="twoColumns"... />
Se la proprietà assume questo valore, diventa incompatibile la proprietà RepeatColumns, che non può essere utilizzata, scatenando un'eccezione. In questi casi, per suddivedere gli elementi su colonne è sufficiente utilizzare alcune direttive CSS:
ul.twoColumns { margin: 0px; padding: 0px; list-style: none; } .twoColumns li, li.twoColumns { float: left; width: 50%; margin: 0px; padding: 0px; }
L'effetto che otterremo applicando questo CSS sarà lo stesso della tabella, ma il markup prodotto sarà più rispettoso degli standard web e potrà essere più facilmente adattato in fase di rendering, grazie ai CSS.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Rinnovare il token di una GitHub App durante l'esecuzione di un workflow
Creare una libreria CSS universale: Cards
Ordine e importanza per @layer in CSS
Gestire la cancellazione di una richiesta in streaming da Blazor
Migliorare i tempi di risposta di GPT tramite lo streaming endpoint in ASP.NET Core
Recuperare App Service cancellati su Azure
Supportare lo HierarchyID di Sql Server in Entity Framework 8
Creare una libreria CSS universale: Immagini
Gestione dei nomi con le regole @layer in CSS
Utilizzare Copilot con Azure Cosmos DB
Sfruttare al massimo i topic space di Event Grid MQTT
Introduzione alle Container Queries
I più letti di oggi
- Community Night@Basta!Italia on tour 2009 - Milano
- Real Code Day - Firenze
- Real Code Conference 4.0 - Firenze
- Windows Phone r8me - Roma
- Visual Studio 2008 Team Suite in RTM su MSDN Download
- Rilasciata la prima CTP del .NET Parallel Framework
- Annunciata la modalità di uscita di ADO.NET Entity Framework e dei Data Services