TreeView kontrolünü Menu gibi kullanmak istersek css ile kolayca yapılabiliriz. Şahsen ben herzaman Menu kontrolüne tercih etmişimdir :)
head:
<style type="text/css">
.menu_nodeStyle
{
color:Black;
font-family:Verdana;
font-size:10pt;
padding:2px 2px 2px 2px;
width:100%;
border:solid 1px #dad6d5;
height:25px;
}
.menu_hoverNodeStyle
{
background-color:#CCCCCC;
border:solid 1px #888888;
cursor:pointer;
}
.menu_selectedNodeStyle
{
padding:2px 2px 2px 2px;
font-weight:bold;
color:#0a6082;
}
.menu
{
padding-top: 10px;
background-color: #dad6d5;
width:200px;
}
</style>
body:
<div class="menu">
<asp:TreeView ID="TreeView1" runat="server" DataSourceID="SiteMapDataSource1">
<NodeStyle CssClass="menu_nodeStyle" />
<HoverNodeStyle CssClass="menu_hoverNodeStyle" />
<SelectedNodeStyle CssClass="menu_selectedNodeStyle" />
</asp:TreeView>
<asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" />
</div>
result
Mrb hocam, treeview'e css eklemek aspx sayfasından yapılabiliyor.
Peki ascx sayfasında nasıl ekleyebiliriz ?
Merhaba Gökhan,
Stiller illa ki head içinde yazılmaz. Yukarıdaki kodları ascx içinde koyarsan da çalışır. Yalnız css kodlarına en alta alman gerekir. (ascx den dolayı)