Pulsanti con immagini per colonne di editing

di Cristiano Degiorgis, in ASP.NET 2.0, Web Controls, UserScript,

Utilizzando i CSS è possibile visualizzare immagini anzichè il valore testuale del link. Questa soluzione, oltre essere ottima a livello di designing accessibile, risulta comoda ad esempio per la gestione di colonne con pulsanti in una GridView, perchè permette di usare colonne di default e visualizzare immagini anzichè testo.

Supponiamo di avere un GridView con una colonna di tipo asp:HyperLinkField, perchè quello che vogliamo è di fatto un link, ma anzichè testo desideriamo visualizzare un'immagine.
Potremmo usare un TemplateField con all'interno un HyperLink, ma dato che a volte siamo pigri, non abbiamo voglia di scrivere quelle righe di codice in più, dato che c'è un oggetto già pronto per le nostre esigenze.

Assumendo che il rendering del controllo HyperLinkField sarà un tag , lo stratagemma basato sui css è molto semplice:

Basta poi specificare una classe CSS per la colonna della GridView:

Tenete presente che le proprietà width e padding-top devono essere equivalenti a larghezza ed altezza dell'immagine.

Commenti

Visualizza/aggiungi commenti

| Condividi su: Twitter, Facebook, LinkedIn

Per inserire un commento, devi avere un account.

Fai il login e torna a questa pagina, oppure registrati alla nostra community.

Approfondimenti

I più letti di oggi