Vaadin Tree Rechts-nach-links-Ausrichtung - vaadin, vaadin7

Standardmäßig der Vaadin Baum Komponente ist linksbündig ausgerichtet: Die Wurzeln befinden sich links und die Kinder bewegen sich nach rechts.

+ root
|---child
|-----grandchild
|-----grandchild

Ist es möglich, die Ausrichtung auf einzustellen? right-to-left: Die Wurzeln sind rechts und die Kinder bewegen sich nach links? Auch die Dreiecke zum Erweitern / Reduzieren sollten sich auf der rechten Seite befinden.

           root+
child---|
grandchild-----|
grandchild-----|

Antworten:

Ja, es ist möglich. Sie können es mit Stilen tun. Ich habe eine einfache Lösung für das Valo-Thema geschrieben (ein anderes Thema kann andere Stile haben). Hoffe, ich habe nichts vergessen.

.v-tree.rtl-tree {
direction: rtl;
.v-tree-node-caption {
span {
padding-left: 28px;
text-align: right;
}
.v-icon {
padding-left: 0;
}
}
.v-icon + span {
margin-right: 7px;
}
.v-tree-node::before {
right: 19px;
}
.v-tree-node.v-tree-node-root::before {
right: 0; // special for root node
}
.v-tree-node-children {
padding-right: 19px;
}
}