Attaccare bottone

di Marco Leoncini, in asp.net, mercoledì 14 novembre 2007 ore 14.17

Archiviato in: ASP.NET, ASP.NET 2.0, CSS

Lo so il titolo non è felice, ma sono a corto di fantasia.
Come fare un bottone, in asp.net ne abbiamo di scelta, la classe Button , il tipo LinkButton o magari solo un semplice HyperLink, ma se volessi usare un immagine? certo abbiamo un bel ImageButton.

No non è una scelta praticabile, primo perche sono costretto associare quel bottone ad un immagine, pensioamo a n bottoni uguali per tutto il sito (non parlatemi di skin o temi) , carbiarne solo uno è un calvario.

L'unico modo serio di fare grafica per il web è usare i CSS non esistono alternative.

Quindi scartando L'ImageButton rimane il LinkButton, come fare?, generalmente procedo così:

 <asp:LinkButton OnClientClick="return confirm('sei sicuro?')" CssClass="Delete" runat="server" CommandName="Delete" ID="DeleteLinkButton"> 
                    <span class="Invisible">Elimina</span> 
                </asp:LinkButton> 

lo span dentro il link è necessario a nascondere il testo e mantenere un accessibilità elevata, infine definisco le due classi css:

.Delete 
{ 
 display:Block; 
 float:right; 
 width: 25px; 
 height: 25px; 
 background-repeat: no-repeat; 
 margin-left: 2px; 
 margin-right: 2px; 
 background-image: url(BackOffice/Images/delete.gif); 
}

.Invisible 
{ 
 display: none; 
} 
 
<p /><p />

• Modificare il controllo TreeView

• Perfezioniamo il ProfileDataSorce

• Un DataSource per il Profile

• TrueSpace 7 gratuito

• adesso dico la mia sull'Iphone

• Come tutto ebbe inizio