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

Yorumlar
Ekleyen

Mrb hocam, treeview'e css eklemek aspx sayfasından yapılabiliyor.


Peki ascx sayfasında nasıl ekleyebiliriz ? 

Ekleyen

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ı)