Tree has bad alignment

Radzen.Blazor Components
1

If you create a tree where a node in the first level does not have children, the alignment of the tree is wrong. You can clearly see it here where I changed your inline sample removing the childs from BMW:

image

I expect the letters of BMW, Audi and Mercedes to have the same starting point

2

You can try adding the following CSS:

.rz-treenode-label {
    padding-left: 24px;
}

.rz-tree-toggler + .rz-treenode-label {
    padding-left: 0;
}

It will offset leaf nodes to compensate for the toggle icon. We will investigate how to handle this better.

1 Like