Solved

ASP.Net Newbie: Question on Treeview Control Styles

Posted on 2006-06-24
12
845 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 500 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
 

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
IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

 
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

Free Trending Threat Insights Every Day

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

Join & Write a Comment

This article discusses the ASP.NET AJAX ModalPopupExtender control. In this article we will show how to use the ModalPopupExtender control, how to display/show/call the ASP.NET AJAX ModalPopupExtender control from javascript, how to show/display/cal…
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…
Excel styles will make formatting consistent and let you apply and change formatting faster. In this tutorial, you'll learn how to use Excel's built-in styles, how to modify styles, and how to create your own. You'll also learn how to use your custo…
Illustrator's Shape Builder tool will let you combine shapes visually and interactively. This video shows the Mac version, but the tool works the same way in Windows. To follow along with this video, you can draw your own shapes or download the file…

758 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

Need Help in Real-Time?

Connect with top rated Experts

17 Experts available now in Live!

Get 1:1 Help Now