Treeview nodes alignment with CSS using JQuery

Question

0.00/5 (No votes)

See more:

Dear All,
I am using the following CSS for a treeview in my webpage:

CSS

.treeview, .treeview ul {
    padding: 0 0 0 10px;
    margin: 0;
    list-style: none;
    width: 10%;
}

.treeview ul {
    background-color: transparent;
    margin-top: 4px;
}


.treeview .hitarea {
    background: url(images/treeview-default.gif) -64px -25px no-repeat;
    height: 16px;
    width: 16px;
    margin-left: -16px;
    float: left;
    cursor: pointer;
    padding-left: 0;
}
/* fix for IE6 */
* html .hitarea {
    display: inline;
    float:none;
}

.treeview li {
    margin: 0;
    padding: 3px 0pt 3px 16px;
}

.treeview LI:hover
{
    text-decoration:none;
}

.treeview LI:hover UL LI
{
    text-decoration:none;
}

.treeview a.selected {
    color: Maroon;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: red; cursor: pointer; }

.treeview li { background: url(images/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(images/treeview-default.gif); }
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

Here, I want to change the color of all the nodes to "white" which is now blue by default.

Can any one please suggest me regarding this?

Thanks & Regards,

Posted 6-Nov-11 20:41pm

Raj.rcr

Add a Solution

1 solution

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

thatraja · Answer 1 · 2011-11-06T21:59:00

Are you using ASP.NET Treeview? You didn't include the HTML control things in your question. If ASP.NET Treeview then see this

CSS

.clsWhite { color: White; }

ASP.NET

<asp:treeview runat="server" xmlns:asp="#unknown">
     <nodestyle cssclass="clsWhite" /><!--This one is enough, the below elements are optional(If you want to show different style then apply different classes there)-->
     <rootnodestyle cssclass="clsWhite" />
     <parentnodestyle cssclass="clsWhite" />
     <leafnodestyle cssclass="clsWhite" />
     <hovernodestyle cssclass="clsWhite" />
     <selectednodestyle cssclass="clsWhite" />
</asp:treeview>

Treeview nodes alignment with CSS using JQuery

1 solution

Solution 1

Add your solution here

Preview 0

Treeview nodes alignment with CSS using JQuery

1 solution

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us