?
Solved

ASP.Net Newbie: Question on Treeview Control Styles

Posted on 2006-06-24
12
Medium Priority
?
900 Views
Last Modified: 2008-03-06
Aiight, I give up. Jeez, I just started ASP.NET and already a weird issue.

Im simply trying to manipulate the styles for the tree view control. That is, the Selected Style (SelectedNodeStyle)  and the Hover Style (HoverNodeStyle). Yet nothing changes on select or on hover: the code (VB) fo rmy master page template.

Please advise...

========== master page template===============

<%@ Master Language="VB" CodeFile="MainTemplate.master.vb" Inherits="MainTemplate" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>[title] :: X-TEch</title>
<link href="mainTemplateStyles.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/scripts/core-scripts.js" id="coreSripts" />
</head>
<body>
<form id="mainContainerForm" runat="server">
<div id="mainDivContainer">
<table id="mainTblContainer" border="0" cellpadding="0" cellspacing="0" width="100%">
<!-- Header -->
<tr>
 <td align="center" valign="top" colspan="2"><h1>header</h1></td>
</tr>
<!-- breadcrumb -->
<tr>
 <td align="center" valign="top" colspan="2"><p>breadcrumb control</p></td>
</tr>

<tr>
<!-- left nav -->
 <td align="left" valign="top" style="width: 144px">
 <div id="leftNavDiv">
     <asp:TreeView ID="TreeView1" runat="server"
     DataSourceID="SiteMapDataSource1"
     ShowLines="True"
     Width="236px"
     BackColor="Transparent">
     <HoverNodeStyle BackColor="GreenYellow" />
     <SelectedNodeStyle BackColor="#404000" />
     </asp:TreeView>
     <asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" />

 </div>
 </td>
 
<!-- main content control -->
 <td align="left" valign="top">
 <div id="MainContentPlacerHolderDiv">
 <asp:contentplaceholder id="ContentPlaceHolder1" runat="server"></asp:contentplaceholder>
 </div>
 </td>
</tr>

<!-- footer -->
<tr>
 <td align="center" valign="top" colspan="2"><h1>footer</h1></td>
</tr>


</table>
</div>
</form>
</body>
</html>
0
Comment
Question by:the_sleeper
  • 7
  • 5
12 Comments
 
LVL 27

Accepted Solution

by:
Sammy earned 2000 total points
ID: 16975780
I dont see anything wrong with your code. check your stylesheets. the Treeview control renders as a div inside a table
If you are using stylesheets, disable them and try just this code by itself to see if it makes a difference.

HTH
0
 

Author Comment

by:the_sleeper
ID: 16976091
Greetings sammy1971,

Tried that, no luck. Still no hover styles. Permissions Issue, Maybe? Some Errant Server Setting?

Im running
IIS 5.1 Locally
WinXP SP2
Visual Studio 2005 (ver 8.0.5)

0
 
LVL 27

Expert Comment

by:Sammy
ID: 16976528
just for testing purposes create a new aspx page and paste this declation then run the page
<asp:TreeView ID="TreeView1" runat="server"  BackColor="transparent">
            <HoverNodeStyle BackColor="Black" />
            <SelectedNodeStyle BackColor="Red" />
            <Nodes>
                <asp:TreeNode Text="Node1" Value="Parent">
                    <asp:TreeNode Text="Child1" Value="Child1"></asp:TreeNode>
                    <asp:TreeNode Text="Child2" Value="Child2"></asp:TreeNode>
                </asp:TreeNode>
            </Nodes>
       
        </asp:TreeView>
let me know what you get.

Sammy

0
The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

 

Author Comment

by:the_sleeper
ID: 16976558
Works as coded, BackColor IS black ON hover.

...what gives..
0
 

Author Comment

by:the_sleeper
ID: 16976568
However, that example was not in a master page. I added your code to the masterpage and got the same issue (no hover css)
0
 

Author Comment

by:the_sleeper
ID: 16976586
I got it to work, but the cure is stranger than the disease, so to speak.

I had to remove <script type="text/javascript" src="/scripts/core-scripts.js" id="coreSripts" /> from the head in the master page.

Then everything worked as predicted.

So... whats up with that?


0
 
LVL 27

Expert Comment

by:Sammy
ID: 16976589
whats in the script?
0
 
LVL 27

Expert Comment

by:Sammy
ID: 16976596
I just ran the same code using a master page and it ran fine with the expected results

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="TestMaster.aspx.cs" Inherits="TestMaster" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:TreeView ID="TreeView1" runat="server">
         <HoverNodeStyle BackColor="Black" />
            <SelectedNodeStyle BackColor="Red" />
            <Nodes>
                <asp:TreeNode Text="Parent Node" Value="Parent Node">
                    <asp:TreeNode Text="Child One" Value="Child One">
                        <asp:TreeNode Text="Child Two" Value="Child Two"></asp:TreeNode>
                    </asp:TreeNode>
                </asp:TreeNode>
            </Nodes>
        </asp:TreeView>
    </div>
    </form>
</body>
</html>

0
 

Author Comment

by:the_sleeper
ID: 16976602
@sammy1971 >> whats in the script?

nothing. absolutely nothing. it's just...there. (for when I will eventually write something, which is inevitable)

@sammy1971 >> I just ran the same code using a master page and it ran fine with the expected results

is there a script with a link to an external .js file in the in the <head> section of the master page?
0
 

Author Comment

by:the_sleeper
ID: 16976649
update:

I changed:  <script type="text/javascript" src="/scripts/core-scripts.js" id="coreSripts" />

to this:       <script type="text/javascript" src="/scripts/core-scripts.js" id="coreSripts"><script>

Seems life I must have the </script> tag

now everything works...

so whats the deal, MUST i use closing script tags in the Master Pages?
0
 
LVL 27

Expert Comment

by:Sammy
ID: 16976672
looks like it.
something to remember I guess.
Glad it worked out for you
0
 

Author Comment

by:the_sleeper
ID: 16976870
points awarded for your efforts..
0

Featured Post

The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

One of the pain points with developing AJAX, JavaScript, JQuery, and other client-side behaviors is that JavaScript doesn’t allow for cross domain request for pulling content. For example, JavaScript code on www.johnchapman.name could not pull conte…
Problem Hi all,    While many today have fast Internet connection, there are many still who do not, or are connecting through devices with a slower connect, so light web pages and fast load times are still popular.    If your ASP.NET page …
SQL Database Recovery Software repairs the MDF & NDF Files, corrupted due to hardware related issues or software related errors. Provides preview of recovered database objects and allows saving in either MSSQL, CSV, HTML or XLS format. Ensures recov…
Hi, this video explains a free download that you can incorporate into your Access databases, or use stand-alone for contact management. Contacts -- Names, Addresses, Phone Numbers, eMail Addresses, Websites, Lists, Projects, Notes, Attachments…
Suggested Courses
Course of the Month5 days, 14 hours left to enroll

589 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question