Change line height

Question

Could you tell me how can i change the line height of a javascript jsTreeView? Regards.

Piramanayagam Ramakrishnan · Answer

Hi Carlos Munoz, 
 
Thanks for contacting Syncfusion support. 
 
You can change the line height of TreeView node using cssClass property. The specified custom class will be added in root of TreeView component. Based on this class, you can customize the TreeView node as shown below, 
 




[script] 
 
var treeObj = new ej.navigations.TreeView({ 
    cssClass: 'custom', 
    fields: { dataSource: localData, id: 'id', parentID: 'pid', text: 'name', hasChildren: 'hasChild' } 
}); 
treeObj.appendTo('#tree'); 
 
[style] 
 
.custom.e-treeview .e-list-text { 
    line-height: 24px; 
} 
 
 
For your reference, we have prepared a sample based on this in the link: http://jsplayground.syncfusion.com/5pq04iej 
 
Please refer to below help document to know more about TreeView component. 
https://ej2.syncfusion.com/16.1.37/documentation/treeview/?lang=es5 
 
Please let us know further assistance on this. 
 
Regards, 
Piramanayagam R