Dev Express Aspx Menu and Font Awesome
I'm trying to use Font Awesome Icons in Dev Express AspxMenu, I need to use the Template property to make it appear, but now the text link is not showing and the click event is clearly broken. Has anyone done this before?
Here is the code:
<dx:aspxmenu id="ASPxMenu1" runat="server" allowselectitem="true" backcolor="Transparent"
border-borderstyle="None" orientation="Horizontal" font-size="1.1em" forecolor="MidnightBlue">
<Items>
<dx:MenuItem Text="Planning" ItemStyle-ForeColor="White" ItemStyle-HoverStyle-BackColor="Transparent" ItemStyle-HoverStyle-ForeColor="#66ff33" ItemStyle-HoverStyle-Border-BorderColor="Transparent" Name="Employees">
<Template>
<i class="fa fa-check-square-o fa-2x" style="color:white;"></i>
</Template>
</dx:MenuItem>
<dx:MenuItem Text="Dashboard" Name="Dashboard" Visible="false"></dx:MenuItem>
</Items>
</dx:aspxmenu>
+3
source to share
1 answer
Your template does not include text. Try something like this:
<Template>
<table>
<tr>
<td>
<i class="fa fa-check-square-o fa-2x"></i>
</td>
<td>
<dx:ASPxLabel ID="Label1" Text='Planning' />
</td>
</tr>
</table>
</Template>
Add an anchor tag and javascript to handle this checkbox if that's part of your plan.
0
source to share