item text size to be only within the tree

Last post 12-09-2007 6:35 AM by MaineOne. 3 replies.

Sort Posts:

  • item text size to be only within the tree

    12-08-2007, 4:43 AM
    • Member
      35 point Member
    • gessoo
    • Member since 09-11-2006, 3:19 PM
    • Posts 10

    how can i make the text of item to appear within the tree only and not enter to image

    for example

    category>

    <id>c01</id>

    <visible>true</visible>

    <title>Sales and Customer Service excllence skills</title>

    ""excllence skills "" is reach out side the border and integrated with the image,

    ineed  ""excllence skills "" word to be appear down imediatly when its reach the border , i mean could the node accept multi line each line accept only 3 words ??

    any one can help ??

    thanks in advanced

  • Re: item text size to be only within the tree

    12-08-2007, 11:07 AM
    • Participant
      1,147 point Participant
    • MaineOne
    • Member since 01-19-2006, 8:00 PM
    • Maine
    • Posts 277

    Have you tried a cssclass set to

     overflow: Hidden;

    If that doesn't work sometimes I do the overflow on the Div or table the control is enclosed in and set the control  to Inherit.

    Support@aspsksolutions.com

  • Re: item text size to be only within the tree

    12-09-2007, 12:34 AM
    • Member
      35 point Member
    • gessoo
    • Member since 09-11-2006, 3:19 PM
    • Posts 10

    can you tell me exactly where i can change the cssclass to overflow: Hidden??

    thanks in  advanced

  • Re: item text size to be only within the tree

    12-09-2007, 6:35 AM
    • Participant
      1,147 point Participant
    • MaineOne
    • Member since 01-19-2006, 8:00 PM
    • Maine
    • Posts 277

    In the css file. It may not need to be changed, it may need to be added.

    If the control in question does not have as cssclass assigned to it you would need to add one.

    example:

    <htm:HTMLWebPart ID="hhh" runat="server"  Title="htmlPart" />

    <htm:HTMLWebPart ID="hhh" runat="server" CssClass="CenterColumnContent" Title="htmlPart" />

    Without the css the above control would overflow if its content exceeded the normal width.  With the css however it's width remains 100% of the Div it is held whithin and if it can not shrink any further the overflow is hidden.

    .CenterColumnContent

    {

    overflow:hidden;

    width: 100%;

    border-style: none;

    }

    Support@aspsksolutions.com

Page 1 of 1 (4 items)