CSS for RadTreeNode text

4 posts, 0 answers
  1. Aaron
    Aaron avatar
    22 posts
    Member since:
    Nov 2008

    Posted 11 Oct 2010 Link to this post

    Hi

    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

               

  2. Yana
    Admin
    Yana avatar
    4554 posts

    Posted 15 Oct 2010 Link to this post

    Hi Aaron,

    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
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Aaron
    Aaron avatar
    22 posts
    Member since:
    Nov 2008

    Posted 17 Oct 2010 Link to this post

    Sorry for the confusion.

    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
  5. Yana
    Admin
    Yana avatar
    4554 posts

    Posted 21 Oct 2010 Link to this post

    Hello 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
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Back to Top