Discussion :

[Cazman]

Bonjour,

J'aimerais savoir si on peut définir une taille d'un linkbutton ?

En effet, je souhaite faire une sorte de "Post It" qui permet lorsqu'on clique dessus de pouvoir ouvrir une textbox pour modifier le texte du Post It. Pour cela, j'affiche le contenu du textbox dans un linkbutton mais je suis obligé de cliquer sur le texte du linkbutton pour afficher la textbox.

Moi ce que je voudrais faire c'est donner une taille au linkbutton qui me permette d'agrandir la taille de la zone clicable et non plus de devoir obligatoirement cliquer sur le texte du linkbutton.

J'ai essayé avec Width mais ca marche pas :-/

[Chubyone]

Avec les css tu peux définir la taille d'un "a" donc, d'un lien. Tu peux meme lui attribuer une couleur background, voir une image png avec gestion transparence pour donné une forme de "voile"

[Cazman]

J'ai essayé en mettant cela dans mon Css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
	.Postit 
	{
		background-color: #FFFF00;
		width: 100%;
	}

Correspondant au linkbutton de l'ACSX suivant

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<asp:LinkButton ID="ContenuPostitLink" onClick="Label_Click" runat="server" CssClass="Postit">LinkButton</asp:LinkButton><br />

Cependant ca m'affiche cela :



Or je voudrais que la zone clicable prenne tout le contenu de mon composant et pas uniquement le texte comme sur l'image

Le composant ayant une taille variable selon les pages pour corser le tout ^^

[Chubyone]

J'ai essayé en mettant cela dans mon Css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
.Postit 
	{
		background-color: #FFFF00;
		width: 100%;
		heigt: 100%;
	}
 
.Postit a
	{
		background-color: #FFFF00;
		width: 100%;
		heigt: 100%;
                      text-decoration: none;
	}

Correspondant au linkbutton de l'ACSX suivant

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<asp:LinkButton ID="ContenuPostitLink" onClick="Label_Click" runat="server" CssClass="Postit">LinkButton</asp:LinkButton><br />

Et comme ca donne quoi?

J'ai pas testé avec une class, sinon définit comme ca:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
#ContenuPostitLink
{
}
 
#ContenuPostitLink a
{
}

[Cazman]

après vidage du cache, aucun changement sur IE ou FF avec une double classe ni avec la deuxième solution

[Chubyone]

Est ce que les liens sont tjs sousligné? Le text-decoration permet de le retirer, donc si ce n'est pas le cas, il ne voit pas la classe.

Essaye avec des PX également.

Arf, j'ai oublié ce truc là :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
display:block;