?
Solved

ASP.Net Newbie: Question on Treeview Control Styles

Posted on 2006-06-24
12
Medium Priority
?
888 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 7
  • 5
12 Comments
 
LVL 27

Accepted Solution

by:
Sammy Ageil 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 Ageil
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
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

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 Ageil
ID: 16976589
whats in the script?
0
 
LVL 27

Expert Comment

by:Sammy Ageil
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 Ageil
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

On Demand Webinar: Networking for the Cloud Era

Ready to improve network connectivity? Watch this webinar to learn how SD-WANs and a one-click instant connect tool can boost provisions, deployment, and management of your cloud connection.

Question has a verified solution.

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

In .NET 2.0, Microsoft introduced the Web Site.  This was the default way to create a web Project in Visual Studio 2005.  In Visual Studio 2008, the Web Application has been restored as the default web Project in Visual Studio/.NET 3.x The Web Si…
ASP.Net to Oracle Connectivity Recently I had to develop an ASP.NET application connecting to an Oracle database.As I am doing it first time ,I had to solve several problems. This article will help to such developers  to develop an ASP.NET client…
Monitoring a network: how to monitor network services and why? Michael Kulchisky, MCSE, MCSA, MCP, VTSP, VSP, CCSP outlines the philosophy behind service monitoring and why a handshake validation is critical in network monitoring. Software utilized …
Have you created a query with information for a calendar? ... and then, abra-cadabra, the calendar is done?! I am going to show you how to make that happen. Visualize your data!  ... really see it To use the code to create a calendar from a q…
Suggested Courses

764 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