Dropdowntree 'mode' property won't work

[James Evangelist]

Hello,

we've got an issue with Dropdown Tree component. Mode​ property won't work similarly to this from Multi Select component. We set mode="Box"​ on Dropdown Tree. When we select e.g. 4 values we want all select values to be visible - on Multi Select we just change Mode to 'Box' and everything works like a charm. Dropdown Tree seems not to work with this property - what we see is still '4 selected'.

What we want to achieve is all selected values be visible as chip. Dropdown should change height just like Multi Select one does.

Any ideas?

[Shalini Maragathavel]

Hi James, 

Greetings from Syncfusion support. 

Based on your query, we could understand that you need to display all the selected items of Dropdown Tree, even the selected items text content exceeded the input width limit. To achieve your requirement, we suggest you to set the wrapText property of Dropdown Tree component as true(by default wrapText property is set to false) as demonstrated in the below code snippet,  

App.component.html 

   <ejs-dropdowntree id="multiselect" [fields]='field' [mode]='box' [wrapText]="wrap" 

                [allowMultiSelection]='allowMultiSelection' popupHeight='220px' placeholder='Select items'> 

</ejs-dropdowntree> 

-------------------------------------------------------------- 

App.component.ts 

export class AppComponent { 

    public box="Box"; 

    public wrap=true; 

    

} 

Please find the below sample for your reference, 

Sample: https://stackblitz.com/edit/angular-ddt-wraptext?file=app.component.ts

API Link: https://ej2.syncfusion.com/javascript/documentation/api/drop-down-tree#wraptext
                 

Please let us know if you need further assistance. 

Regards, 

Shalini M.