Question

我使用Kendo UI RTL TreeView。我使用Angular js树视图，从右到左，如Kendo TreeView RTL。现在，我想在节点之间放置线，我这样做，但是线路dosn正常工作。我该怎么办？

＆＃13;

<style>
   /*-------------------line between nodes-----------------*/

            body {
        font-size: 12px;
      }

      .k-treeview .k-top,
      .k-treeview .k-mid,
      .k-treeview .k-bot {
        background-image: url('http://aspnet-skins.telerikstatic.com/mvc/2012.2.607/Default/treeview-nodes.png');
        background-repeat: no-repeat;
        margin-right: -16px;
        padding-right: 16px;
      }

      .k-treeview .k-item { background-image: url('http://aspnet-skins.telerikstatic.com/mvc/2012.2.607/Default/treeview-line.png'); }
      .k-treeview .k-last { background-image: none; }


      .k-treeview .k-top { background-position: -91px 0; 
             
             background-position-x: right; }
      .k-treeview .k-bot {  background-position: -47px -44px;
             
             background-position-x: right; }
      .k-treeview .k-mid {  background-position: -69px -22px;
            
             background-position-x: right;}
      .k-treeview .k-last .k-top { background-position: -25px -66px; 
            
             background-position-x: right;}
      .k-treeview .k-group .k-last .k-bot { background-position: -69px -22px; 
            
             background-position-x: right;}

      .k-treeview .k-item {
        background-repeat: no-repeat;
      }

      .k-treeview .k-first {
        background-repeat: no-repeat;
        background-position: 0 16px;
      }

         /*------------------end of line between nodes-----------*/
</style>

＆＃13;

Answer 1

您应该水平移动图像并更改背景位置。您可以在此页面中看到示例https://github.com/vira1368/KendoUI_TreeView_RTL

如何在kendo RTL树视图中的节点之间放置线？

1 个答案: