This is a migrated thread and some comments may be shown as answers.

Indentation not working

8 Answers 60 Views
TreeList
This is a migrated thread and some comments may be shown as answers.
Shahid
Top achievements
Rank 2
Shahid asked on 02 Jun 2015, 01:41 PM
i am unable to indent last node in treelist is their any possibility?

8 Answers, 1 is accepted

Sort by
0
Nikolay Rusev
Telerik team
answered on 04 Jun 2015, 06:25 AM

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!
 
0
Shahid
Top achievements
Rank 2
answered on 09 Jun 2015, 09:36 AM

http://dojo.telerik.com/ogIkU

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

 

0
Shahid
Top achievements
Rank 2
answered on 09 Jun 2015, 12:39 PM
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
0
Nikolay Rusev
Telerik team
answered on 11 Jun 2015, 07:07 AM

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!
 
0
Shahid
Top achievements
Rank 2
answered on 11 Jun 2015, 09:09 AM
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?
0
Nikolay Rusev
Telerik team
answered on 12 Jun 2015, 12:00 PM

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!
 
0
Shahid
Top achievements
Rank 2
answered on 13 Jun 2015, 11:39 AM
Sorry Nikolay Rusev it is not working for IE & FF
0
Accepted
Dimo
Telerik team
answered on 17 Jun 2015, 06:06 AM
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!
 
Tags
TreeList
Asked by
Shahid
Top achievements
Rank 2
Answers by
Nikolay Rusev
Telerik team
Shahid
Top achievements
Rank 2
Dimo
Telerik team
Share this question
or