I am following the instructions for altering the node size located here http://www.telerik.com/help/aspnet-ajax/orgchart-node-size.html
I am using templates so I am referencing the .rocItemTemplate class to adjust the width of the items using the classes below. The problem I encounter is the distance or margin between the nodes on this level does not change is very large. I am having trouble finding the right CSS class to reference in order to bring the nodes closer together. Can someone point me to the right CSS class and margin setting which should bring them closer together?
I am using templates so I am referencing the .rocItemTemplate class to adjust the width of the items using the classes below. The problem I encounter is the distance or margin between the nodes on this level does not change is very large. I am having trouble finding the right CSS class to reference in order to bring the nodes closer together. Can someone point me to the right CSS class and margin setting which should bring them closer together?
.DivisionNodeSize
{
width
:
100px
!important
;
height
:
90px
!important
;
}
.DivisionNodeSize .rocItemTemplate
{
width
:
80px
!important
;
height
:
75px
!important
;
}