[OPEN] [#1586] [4.5.1] Tree Panel with lines

  1. #1

    [OPEN] [#1586] [4.5.1] Tree Panel with lines

    In "Tree Panel with lines"
    Where are the lines in this example?
    i was using Chrome.
    /Z

    https://examples4.ext.net/#/Kitchen_...sic_TreePanel/
  2. #2
    Hello @Z!

    Thanks for reporting the issue. We found that this has been reported on Sencha a while ago, and is still open. If you switch to any theme but Triton, you'll see the lines through the nodes in the tree that has this enabled.

    In fact, the lines are there, but without styling, so probably the lines were disabled in favor to the new glyph-based icons from the font awesome but never finished. The line pictures are also there, and they can be used to get the functionality up with some custom CSS.

    We've logged the issue under #1586 and will post an update here as soon as we have it fixed.

    For the time being, you can try (and maybe extend for your needs) this CSS block on pages you want the grids' lines:

    <style type="text/css">
        .x-tree-lines .x-tree-elbow {
            background-image: url(/extjs/packages/theme_triton/build/resources/images/tree/elbow-png/ext.axd);
            background-repeat-y: repeat;
        }
    
        .x-tree-lines .x-tree-elbow-line {
            background-image: url(/extjs/packages/theme_triton/build/resources/images/tree/elbow-line-png/ext.axd);
            background-repeat-y: repeat;
        }
    
        .x-tree-lines .x-tree-elbow-end {
            background-image: url(/extjs/packages/theme_triton/build/resources/images/tree/elbow-end-png/ext.axd);
            margin-top: -11px;
        }
    </style>
    I hope this helps!
    Fabrício Murta
    Developer & Support Expert
  3. #3
    thank you. will will start to use this in a few weeks and will review more then.
    /Z

Similar Threads

  1. [CLOSED] Drag and drop from tree panel to tree panel.
    By Prasoon in forum 2.x Legacy Premium Help
    Replies: 1
    Last Post: Dec 23, 2015, 5:57 PM
  2. [CLOSED] Tree panel: having column model with tree store
    By Prasoon in forum 2.x Legacy Premium Help
    Replies: 2
    Last Post: Dec 17, 2015, 4:47 AM
  3. Replies: 14
    Last Post: Jun 26, 2015, 8:20 AM
  4. [OPEN] [#262] Dashed/Dotted chart grid lines
    By livehealthierGF in forum 2.x Legacy Premium Help
    Replies: 2
    Last Post: May 31, 2013, 9:24 PM
  5. Replies: 1
    Last Post: Oct 26, 2012, 8:52 AM

Posting Permissions