I am having trouble working out the correct style to add to Radtreenode so that the text is indented after the first line if the text wraps.
Like this:
<!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>
<title>Untitled Page</title>
<style>
p {
text-indent: -2.0em;
}
div{
padding:3.0em;
}
</style>
</head>
<body>
<div>
<p>
"On the contrary," said Holmes, quietly, "I have every reason
to believe that I will succeed in discovering Mr. Hosmer Angel."
</p>
<p>
Mr. Windibank gave a violent start, and dropped his gloves.
"I am delighted to hear it," he said.
</p>
<p>
"It is a curious thing," remarked Holmes, "that a typewriter
has really quite as much individuality as a man's handwriting.
Unless they are quite new no two of them write exactly alike.
Some letters get more worn than others, and some wear only on
one side. Now, you remark in this note of yours, Mr. Windibank,
that in every case there is some little slurring over the e, and
a slight defect in the tail of the r. There are fourteen other
characteristics, but those are the more obvious."
</p>
</div>
</body>
</html>
I will need to apply the text-indent: -2.0em; and padding:3.0em; style to particular elements but i'm not sure what ones.
Cheers
Aaron
3 Answers, 1 is accepted
I'm not able to understand the question, where the treeview should be placed? Can you please clarify?
All the best,
Yana
the Telerik team
Rank 1
The question is "How do I style the Radtreenode text so that text is indented after the first line if it wraps?"
The HTML I posted is an example of what I want, not a page to place the RadTree on.
Take the HTML I posted and open it in a browser, It will show you an example of the indenting I wish to apply via CSS to the RadTreeNode text.
EDIT: I have uploaded an image showing the way I wish the node text to wrap.
Cheers
Aaron
I'm afraid that the image is not attached, but I think I understood the needed approach.
The problem is that the element that holds the text is not a block element, so text-indent cannot be applied to it. That's why I suggest you use a very simple template. I've attached a simple page to demonstrate this, please download it and give it a try.
All the best,
Yana
the Telerik team