Bouton de coin arrondi ASP.NET

Question

Je souhaite utiliser le bouton de coin arrondi dans mon application asp.net. Avons-nous quelque chose dans ASP.NET 3.5 qui nous aide à faire un bouton de coin arrondi?

Answer 1

Que diriez-vous d'appliquer un style CSS à votre bouton?

Sample code, demo, tutorial at Oscar Alexander

En utilisant le code là, vous pouvez vous assurer tous les boutons obtenir le style exactement comme vous le souhaitez.

Answer 2

Voici le contrôle et css que j'utilise. Mon bouton est carré, mais ce n'est pas le cas. Vous pouvez créer l'image arrondie par vous-même.

<asp:LinkButton ID="lbtnSignIn" class="button" runat="server" OnClick="lbtnSignIn_Click"><span>Sign In</span></asp:LinkButton> 

.button 
{ 
    background: transparent url('../../Images/ButtonLeft.gif') no-repeat top left; 
    display: block; 
    float: left; 
    line-height: 11px; /* 21px (Button Background) = 5px (padding-top) + 11px (font-size) + 5px(padding-bottom) */ 
    height: 21px; /* Button Background Height */ 
    padding-left: 9px; 
    text-decoration: none; 
    font-weight: bold; 
    color: white; 
    font-size: 11px;  
} 

a:link.button, a:visited.button, a:active.button 
{ 
    color: white; 
    text-decoration: none; 
    margin-right: 10px; 
} 

a.button:hover 
{ 
    background-position: bottom left; 
} 

a.button span, a.button span 
{ 
    background: transparent url('../../Images/ButtonRight.gif') no-repeat top right;  
    display: block; 
    padding: 5px 9px 5px 0; /*Set 9px below to match value of 'padding-left' value above*/ 
} 

a.button:hover span 
{ 
    background-position: bottom right; 
    color: white; 
} 

Answer 3

Vous pouvez utiliser la boîte à outils de contrôle ajax qui a une extension de coins arrondis. Personnellement, je ne l'ai jamais utilisé dans un projet. J'utilise le css3 border-radius et laisse les utilisateurs IE vivre avec les bordures carrées jusqu'à ce que leur navigateur les rattrape (http://www.cssportal.com/css3-rounded-corner)

Voici le lien vers l'exemple d'extension de contrôle. http://www.asp.net/ajax/ajaxcontroltoolkit/Samples/RoundedCorners/RoundedCorners.aspx

Answer 4

Comme p.cambell vous a dit, la tecnique à ce lien fonctionne très bien: http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html

Mais vous devez remplacer votre contrôle serveur « bouton » avec un contrôle serveur HyperLink, parce que, le css est appliqué à l'étiquette "a".

Ainsi, dans Visual Studio, inspirez plutôt un bouton, dessiner un HyperLink avec CssClass = "button"

Bye!