Re: CSS Styling TreeView
- From: "RicksPlace" <ofbgmail@xxxxxxxxx>
- To: <programmingblind@xxxxxxxxxxxxx>
- Date: Mon, 29 Jun 2009 15:54:38 -0400
Hi: You are right. I have been ReWriting all the articles in the series and am
currently working on the one that will use CSS with the ASP.net TreeView
control. I will just set the Display attributes in the Stylesheet and set the
other arguments in the VWD Properties Window for the TreeView control. The
Indent Property of the various Node types ie. RootNode, ParentNode, LeafNode,
HoverNode, and SelectedNode must be set in the Properties for the control. This
is because the standard TreeView renders as a set of nested tables and is
PreStructured based on the DataSource it is bound to. It would, indeed, require
some complicated JavaScript to ReStructure the TreeView after it has been
rendered so I will not do that in the Series.
If you are trying to follow the posts know the articles are being reviewed by
Marv. He is a really, um, beginner so to speak. If he can follow an article and
implement it I will call it done. So, they are changing until I have a finished
set of articles and the finished articles will be posted up on Bill's Blind
Geeks Website after he gets the new site up.
There is allot of things I have removed and added in the various articles so
the ones you might be looking may bear little resemblance to the finished
product. Consider the ones I am posting as e-mail attachments as alpha versions
at best.
Thanks for the heads up though. I did think I could work around the CSS
problems but will not be digging into the complex JavaScript and decoding the
MS nested DOM references any time soon - grin. It is unnecessary and there are
better tools for using pure css if that is what is really wanted. I am thinking
of the CSS Friendly ToolKit or things may change in VS 2010 when it comes out
in a few months.
Rick USA
----- Original Message -----
From: Homme, James
To: programmingblind@xxxxxxxxxxxxx
Sent: Monday, June 29, 2009 12:37 PM
Subject: RE: CSS Styling TreeView
Hi Rick,
I don't think CSS is the answer because it doesn't have control structures.
Perhaps JavaScript and manipulating the various style properties is an answer
if you can find out whether an item is a child or a parent. You'd have to come
up with some way of knowing the relationships as you were building the pages.
T
Hanks.
Jim
----------
Jim Homme
Usability Services
412-544-1810
james.homme@xxxxxxxxxxxx
"You can do anything you want to if you put your mind to it" -- Jim Homme Sr.
From: programmingblind-bounce@xxxxxxxxxxxxx
[mailto:programmingblind-bounce@xxxxxxxxxxxxx] On Behalf Of RicksPlace
Sent: Monday, June 29, 2009 11:41 AM
To: programmingblind@xxxxxxxxxxxxx
Subject: CSS Styling TreeView
Hi: I am trying to specify css classes for the nodes in a ASP treeview. I
want to indent each child node 100px from it's parent node. There may be
several levels and the actual number of levels is unknown. I have used
margin-left to set the node positions but if I indent a parent node say 100px
and a childnode say 200px the first level is fine. If there are say parent
nodes inside another parent node then the parent nodes are not offset relative
to it's parent node if that makes sense. For example:
A structure:
Cars:
Makes:
Ford
Chevy
Trucks:
Ford
Chevy
would be ok since there is only 1 parent level and one child level under the
parent levels.
The Cars and Trucks parents are offset 100px from the left of the TreeView
container.
Cars:
Domestic:
makes:
Ford
Chevy
The 2 nested parent elements are both indented 100px where the nested Cars
should be indented 200px.
Then the Ford and Chevy should be indented 300px.
How would I use css to accomplish something like this for a general TreeView
where the number of nested parents is unknown? And, each nested parent node
should be indented relative to it's parent node and the leaf node indentented
after the final branch (parent) node.
the prior parent if neste
Rick USA
------------------------------------------------------------------------------
This e-mail and any attachments to it are confidential and are intended
solely for use of the individual or entity to whom they are addressed. If you
have received this e-mail in error, please notify the sender immediately and
then delete it. If you are not the intended recipient, you must not keep, use,
disclose, copy or distribute this e-mail without the author's prior permission.
The views expressed in this e-mail message do not necessarily represent the
views of Highmark Inc., its subsidiaries, or affiliates.
Other related posts:
