剣道RTLツリービューのノード間の線の挿入方法は？

Question

私は剣道UI RTL TreeViewで作業しています。角型jsツリービューを使用し、このように右から左へKendo TreeView RTL。 今、私はノード間に行を入れたい、私はそれを行うが、行dosn'tは私を正しく動作させる。 どうすればいいですか？

<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>

Answer 1

あなたはあなたのイメージを水平反転し、バックグラウンドの位置を変更する必要があります。 このページのサンプルを見ることができますhttps://github.com/vira1368/KendoUI_TreeView_RTL