Indentation not working

9 posts, 1 answers
  1. Shahid
    Shahid avatar
    7 posts
    Member since:
    May 2015

    Posted 02 Jun 2015 Link to this post

    i am unable to indent last node in treelist is their any possibility?
  2. Nikolay Rusev
    Admin
    Nikolay Rusev avatar
    2285 posts

    Posted 04 Jun 2015 Link to this post

    Hello Shahid,

     

    We are not sure what you've tried. Please provide us with a dojo example which illustrates the problem you have with indenting TreeList column.

     

    Regards,
    Nikolay Rusev
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Kendo UI is VS 2017 Ready
  4. Shahid
    Shahid avatar
    7 posts
    Member since:
    May 2015

    Posted 09 Jun 2015 in reply to Nikolay Rusev Link to this post

    http://dojo.telerik.com/ogIkU

    in the above example the first column of treelist is not warping with indentation 

     

  5. Shahid
    Shahid avatar
    7 posts
    Member since:
    May 2015

    Posted 09 Jun 2015 Link to this post

    also i want to increase font size and centrally align the data of second row only or how can i style an individual row from the above example
  6. Nikolay Rusev
    Admin
    Nikolay Rusev avatar
    2285 posts

    Posted 11 Jun 2015 Link to this post

    Hello Shahid,

     

    You can use columns.attributes to style any column cell. However this attribute will be applied for the column cell  in all rows. That said if you need to style specific cell you should handle dataBound event, find the cell in question and apply desired styles.

     

    Regards,
    Nikolay Rusev
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  7. Shahid
    Shahid avatar
    7 posts
    Member since:
    May 2015

    Posted 11 Jun 2015 in reply to Nikolay Rusev Link to this post

    http://dojo.telerik.com/ogIkU

    "in the above example the first column of treelist is not warping with indentation" 

    how i can wrap first column with indentation of text "Our Company has a well defined culture that encourages high involvement and high performance" Under "Role" Category?
  8. Nikolay Rusev
    Admin
    Nikolay Rusev avatar
    2285 posts

    Posted 12 Jun 2015 Link to this post

    Hello Shahid,

    I see what you mean. This is a bit tricky for the expander column. I've updated the example to demonstrate how to achieve this.

    The important bits are:

     - the additional CSS rules

     - template for the column

     - JavaScript function to adjust the width of the wrapper element in the column template. The code must b executed in both dataBound and columnResize events.

    The example - http://dojo.telerik.com/@rusev/ePUBI

    Regards,
    Nikolay Rusev
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  9. Shahid
    Shahid avatar
    7 posts
    Member since:
    May 2015

    Posted 13 Jun 2015 in reply to Nikolay Rusev Link to this post

    Sorry Nikolay Rusev it is not working for IE & FF
  10. Answer
    Dimo
    Admin
    Dimo avatar
    8331 posts

    Posted 17 Jun 2015 Link to this post

    Hello Shahid,

    Please add one more CSS rule:

    .k-treelist td:first-child {
        overflow: visible;
    }


    Regards,
    Dimo
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top
Kendo UI is VS 2017 Ready