Il blog di Pietro Libro - dicembre 2007 Entries

Posts: 256
Comments: 330
Trackbacks: 7

dicembre 2007 Entries

Auguri!!!: Buon 2008 a tutti!; posted @ lunedì 31 dicembre 2007 19.55 | Feedback (0)

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>