Dec 06, 2012, 3:34 PM
[CLOSED] Change TreePanel background color and toolbar color
I want to change the color of TreePanel's body and toolbar to a light shade of gray. It seems like my css styles are not sticking.
<html>
<head id="Head1" runat="server">
<style type="text/css">
.my-tree
{
margin:20px;
}
.my-tree .x-panel-body
{
background-color: #f5f5f5 !important;
border: 0pt none;
}
.my-tree .x-toolbar
{
background-image: none !important;
background-color: #f5f5f5 !important;
border:0pt none;
}
</style>
</head>
<body>
<form id="Form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" ScriptMode="Debug" Theme="Gray"
DisableViewState="true" />
<ext:TreePanel ID="TreePanel1" runat="server" Cls="my-tree" Width="500" Height="400" UseArrows="true">
<TopBar>
<ext:Toolbar ID="Toolbar1" runat="server">
<Items>
<ext:Button ID="Button1" runat="server" Icon="Add" Text="Button">
</ext:Button>
</Items>
</ext:Toolbar>
</TopBar>
<Root>
<ext:Node Text="Root" Expanded="true">
<Children>
<ext:Node Text="Child1" Leaf="true">
</ext:Node>
</Children>
</ext:Node>
</Root>
</ext:TreePanel>
</form>
</body>
</html>
Last edited by Daniil; Dec 07, 2012 at 6:44 PM.
Reason: [CLOSED]