layout with half indent, half grid?

I'm trying to create a layout that has a nested list of items on the left side, and item properties on the right. 

I have a concept Container with children items : Item[0..n]

Item is an interface concept. 

I have ContainerItem implements Item, INamedConcept, children:   container : Container[1]

I have SimpleItem implements Item, INamedConcept, properties:  something : string

I'd like to have the displayed layout be something like:

container {
somethingValue name
anotherValue anotherName
container { innerContainerName
innerValue innerName
anotherInner someOtherName
}
}

What is a I can do the layout I want indent/horizontal layout when I don't have nested containers, but I'm struggling to get the nested container to work as expected.  It ends up being more like:

container {
somethingValue name
anotherValue anotherName
container { innerContainerName
innerValue innerName
anotherInner someOtherName
}
}

Please sign in to leave a comment.