Solved

ASP.Net Newbie: Question on Treeview Control Styles

Posted on 2006-06-24
12
867 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
Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

 

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

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

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…
In a recent question (https://www.experts-exchange.com/questions/28997919/Pagination-in-Adobe-Acrobat.html) here at Experts Exchange, a member asked how to add page numbers to a PDF file using Adobe Acrobat XI Pro. This short video Micro Tutorial sh…
Two types of users will appreciate AOMEI Backupper Pro: 1 - Those with PCIe drives (and haven't found cloning software that works on them). 2 - Those who want a fast clone of their boot drive (no re-boots needed) and it can clone your drive wh…

825 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