Créer un WebControl personnalisé
Bonjour,
J'ai un menu vertical dans lequel j'ai créé des boutons à l'aide de DIV. Cependant je trouve que j'ai beaucoup de duplication de code et j'aimerais pouvoir créer un WebControl.
Voici à quoi ressemble mes boutons:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13
| <div id="bCommun" class="mainMenuButton" title="Communs">
<input type="hidden" value="communs.aspx" />
<table border="1" style="margin-left: 10px; height: 70px;">
<tr>
<td>
<img src="Images/Icons/041-Shopping-bag-Icon.png" alt="" />
</td>
<td>
<span class="Tag2910">Communs</span>
</td>
</tr>
</table>
</div> |
CSS:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30
| .mainMenuButton img
{
width: 32;
height: 32;
vertical-align: middle;
}
.mainMenuButton
{
background: url('../Images/menu_button.png') no-repeat;
height: 70px;
width: 150px !important;
line-height: 70px;
overflow: hidden;
}
.mainMenuButton:hover
{
cursor: hand !important;
background: url('../Images/menu_button_over.png') no-repeat;
}
.mainMenuButton span:hover
{
cursor: hand !important;
}
.mainMenuButton img:hover
{
cursor: hand !important;
} |
J'aimerais avoir un WebControl qui ressemblerais à cela:
Code:
1 2
| <GESPHARxLite_2:MenuButton runat="server" ID="button1" NavigationLanguage="VB" tooltip="Communs"
pageURL="communs.aspx" text="Communs" iconImage="Images/Icons/041-Shopping-bag-Icon.png" /> |
Je voudrais donc que,
tooltip = "title" du div,
pageURL = le "value" du input,
text = la valeur du span,
iconImage = le "src" de l'image.
J'ai chercher sur le Web, mais je n'ai pas trouvé de tuto qui répondait à mon besoin.
Quelqu'un pourrait m'éclairer?
Merci!
PS: Je travaille en langage VB.