Query Builder - Styling missing for DropdownTree

[KS]

Hello,

I followed the setup instructions in the documentation for using the QueryBuilder, and I have imported all of these CSS files as shown:

However, when I changed the fieldMode to 'DropdownTree' and used a hierarchy list for my columns, the expand/collapse arrows don't show up, and a very long list of columns extends the dropdown  far past the end of the page and adds additional scrollbars. Please see below screenshot.

 Am I missing some styling?

Thank you,

KS

[Keerthikaran Venkatachalam]

Hi Ks,

Sorry for the inconvenience. We have missed the navigation styles in QueryBuilder UG. For now, please use the code snippet to resolve this issue.

@import '../node_modules/@syncfusion/ej2-navigations/styles/material.css';

We will include it in our QueryBuilder documentation in any of our upcoming releases.

Regards,

KeerthiKaran K V

[Keerthikaran Venkatachalam]

Hi Ks,

We have added the navigation styles to our UG documentation successfully. You can check the below link.

https://ej2.syncfusion.com/angular/documentation/query-builder/getting-started#adding-css-reference

Get back to us if you need any further assistance on this.