posts - 315, comments - 268, trackbacks - 15

My Links

News

View Pietro Libro's profile on LinkedIn

DomusDotNet
   DomusDotNet

Pietro Libro

Tag Cloud

Article Categories

Archives

Post Categories

Blogs amici

Links

Personalizzare l'aspetto del controllo SiteMapPath

A volte potrebbe essere necessario personalizzare l'aspetto del controllo SiteMapPath. A tal fine  è sufficiente agire tramite gli appositi template:

  • RootNodeTemplate: Template per il nodo radice;
  • NodeTemplate: Template per il nodo generico;
  • CurrentNodeTemplate: Template per il nodo corrente;
  • PathSeparatorTemplate: Template per il separatore tra nodi.

e per ogni template (se necessario), sul corrispondente tag per la gestione dello stile:

  • RootNodeStyle, gestisce lo stile per il nodo corrente;
  • NodeStyle, gestisce lo stile per il nodo generico;
  • CurrentNodeStyle, gestisce lo stile per il nodo corrente;
  • PathSeparatorStyle, gestisce lo stile per il separatore dei nodi.

Ad esempio si potrebbe configurare il controllo come segue:

<asp:SiteMapPath ID="SiteMapPath1" runat="server" SkipLinkText="Breadcrumbs">
<NodeTemplate>
<asp:LinkButton ID="btnNode" runat="server" ToolTip ='<%# Eval("Title") %>'
PostBackUrl ='
<%# Eval("url") %>'><%# Eval("Description") %></asp:LinkButton>
</NodeTemplate>
<PathSeparatorTemplate>
&#187;
</PathSeparatorTemplate>
<PathSeparatorStyle Font-Bold ="true"/> <RootNodeTemplate>
<asp:Button id="btnRootNode" runat="server" Text='<%# Eval("Description") %>'
CommandArgument='
<%# Eval("url") %>'
OnClick="btnRootNode_Click" />
</RootNodeTemplate>
<CurrentNodeTemplate >
<asp:Label ID="lblCurrentNode" runat="server" Text='<%# Eval("Description") %>'> </asp:Label>
</CurrentNodeTemplate>
<CurrentNodeStyle Font-Bold="true" />
</asp:SiteMapPath>

ottenendo il risultato in figura:

Technorati Tag: ,

Print | posted on Saturday, December 29, 2007 8:19 AM | Filed Under [ ASP.NET ]

Comments have been closed on this topic.

Powered by:
Powered By Subtext Powered By ASP.NET