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

  1. #1

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

    Hi,

    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

    Click image for larger version. 

Name:	TreeListArrow.png 
Views:	15 
Size:	39.4 KB 
ID:	25288Click image for larger version. 

Name:	TreeListArrow.png 
Views:	15 
Size:	39.4 KB 
ID:	25288

    Note : Tree Arrows(Expand and collapse) are displaying when uses Material and triton themes
    Last edited by fabricio.murta; Oct 07, 2019 at 4:59 PM.
  2. #2
    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) in Examples Explorer (MVC version fixed as well) to check what was changed. You can also take a look at the history in Ext.NET Examples Explorer (WebForm sources, MVC sources) at github.
    Fabrício Murta
    Developer & Support Expert
  3. #3
    Thank you,

    Vamsi.

Similar Threads

  1. Replies: 3
    Last Post: Feb 01, 2019, 1:00 PM
  2. Replies: 3
    Last Post: Aug 11, 2011, 11:07 AM
  3. why is GridPanel collapse and expand unable ?
    By netcooliteuser in forum 1.x Help
    Replies: 7
    Last Post: Sep 09, 2010, 4:57 PM
  4. Tree "Expand All" and "Collapse All" icons
    By daneel in forum 1.x Help
    Replies: 1
    Last Post: Mar 18, 2010, 1:11 PM
  5. [CLOSED] Collapse - Expand Panels?
    By MrMp3 in forum 1.x Help
    Replies: 12
    Last Post: Sep 15, 2008, 10:58 AM

Posting Permissions