Delphi Can
UniGUI UniTreeView Item (Node) Aralığı Nasıl Ayarlanır? - Baskı Önizleme

+- Delphi Can (https://www.delphican.com)
+-- Forum: Delphi (https://www.delphican.com/forumdisplay.php?fid=3)
+--- Forum: Delphi ile Web Teknolojileri (https://www.delphican.com/forumdisplay.php?fid=118)
+--- Konu Başlığı: UniGUI UniTreeView Item (Node) Aralığı Nasıl Ayarlanır? (/showthread.php?tid=3699)



UniGUI UniTreeView Item (Node) Aralığı Nasıl Ayarlanır? - Fesih ARSLAN - 03-06-2019

Merhaba,
Menü yapısı için kullandığım UniTreeView item(node)'ları arasındaki dikey boşluk miktarını nasıl belirleyebilirim.
Aşağıdaki ekran görüntüsünden de anlaşılacağı gibi item aralıkları düşük olduğu için hoş bir görüntü olmuyor.

[attachment=624]


Cvp: UniGUI UniTreeView Item (Node) Aralığı Nasıl Ayarlanır? - delphi.developer - 03-06-2019

Merhaba Fesih Bey,

Projenizde ServerModule üzerinde CustomCSS özelliğine tıklayın. Açılan forma aşağıdaki css kodunu yazın.

.x-grid-cell-inner-treecolumn {
    padding: 6px 6px 6px 0; !important;
}

İlgili kod padding ifadesinden sonra girilen değerler top, right, bottom, left iç kenarlık boşluklarını ifade etmektedir. Ben örnek olması için top ve bottom 6x olarak ayarladım.


Cvp: UniGUI UniTreeView Item (Node) Aralığı Nasıl Ayarlanır? - Fesih ARSLAN - 03-06-2019

(03-06-2019, Saat: 13:04)delphi.developer Adlı Kullanıcıdan Alıntı: Merhaba Fesih Bey,

Projenizde ServerModule üzerinde CustomCSS özelliğine tıklayın. Açılan forma aşağıdaki css kodunu yazın.

.x-grid-cell-inner-treecolumn {
    padding: 6px 6px 6px 0; !important;
}

İlgili kod padding ifadesinden sonra girilen değerler top, right, bottom, left iç kenarlık boşluklarını ifade etmektedir. Ben örnek olması için top ve bottom 6x olarak ayarladım.

Teşekkür ederim @delphi.developer.
CSS ihtiyacımı gördü. 

[attachment=626]

Bu CSS'i kullanınca TreeView node'ları arasındaki hiyerarşiyi belirleyen klavuz çizgisi de kesilmiş oldu. Padding değeri arttıkça da bu açıklık artıyor. 

[attachment=627]

Bunu düzeltmenin bir yolu var mı?  Yoksa çok önemli değil. Şimdilik optimum bir değer verererk bu açıklığı en aza indirdim.


Cvp: UniGUI UniTreeView Item (Node) Aralığı Nasıl Ayarlanır? - Fesih ARSLAN - 10-06-2019

Merhaba,
UniTreeView'in UseArrows özelliğini etkinleştirince, node kılavuz çizgileri ortadan kalktı daha iyi bir görüntü oluştu. 
Teşekkür ederim @delphi.developer

[attachment=628]


UniGUI UniTreeView Item (Node) Aralığı Nasıl Ayarlanır? - ibrahim.aydin@perga.com.tr - 09-06-2020

.x-grid-cell-inner-treecolumn {
padding: 6px 6px 6px 0; !important;
}
burada bütün TreeView için geçerli oluyor sadece bir tanesi için ne Yapılmalıdır.
..x-grid-cell-inner-treecolumn ne anlama gelmektedir acaba ?

TreeView Kenarlıkları kaldırabiliyor muyuz?