View Full Version : [CLOSED] TreeList Arrows(Expand and collapse) are not displaying expect Material and triton themes

Oct 01, 2019, 6:17 AM

I guess there was a bug in treelist when classic,Gray theme uses, if use classic theme arrows are not displaying at all(but functionality working as expected.

Here is screenshot attached


Note : Tree Arrows(Expand and collapse) are displaying when uses Material and triton themes

Oct 01, 2019, 7:36 PM
Hello @vamsi!

Thanks for reporting the issue!

The problem is because Ext JS 7 upgraded its Font Awesome glyphs' references from version 4 to 5 (for the font awesome). As the component does not support the other themes' resources "out of the box", the Examples Explorer had (following Sencha corresponding example) imported the font (version 4). With Ext.NET 5 release, we didn't update the font reference in the example, thus the issue was triggered.

We simply upgraded font awesome from 4 to 5 in examples explorer and updated the example; now it shows the expander icons accordingly in all themes. We also fixed an issue where it was not working with the Graphite theme (we assumed Graphite included FontAwesome, which seems not to be the case, or at least some rules do change in it).

So, the approach we took was to just upgrade the Font Awesome package and references in the project. Alternative solutions would include:

- Override the expander CSS rule (.x-treelist-item-expander) to reference the correct Font Awesome 4 glyph; this would mean a "downgrade", and smallest set of changes between shown alternatives
- Point font awesome 5 resources straight off Ext.NET, basing in what's referenced when using one of the supported themes; this would avoid adding further resources to the project at the cost of hardwiring dynamic Ext.NET resources

You can now just open the corresponding examples (starting by the simple treelist one (https://examples5.ext.net/#/TreePanel/List/Simple/)) in Examples Explorer (MVC version fixed as well (https://mvc5.ext.net/#/TreePanel_List/Overview/)) to check what was changed. You can also take a look at the history in Ext.NET Examples Explorer (WebForm sources (https://github.com/extnet/examples.ext.net), MVC sources (https://github.com/extnet/mvc.ext.net)) at github.

Oct 07, 2019, 6:24 AM
Thank you,