I managed to get the image in the correct place.

I just don't know where the animation of the expand/collapse is done. If I check the parent.Rect.Height from the GroupUIElement in the creationfilter it will only be updated after the animation is done. Can you tell me where this is? Because I want to update the position of my image during the animation.

I think this drawing effect has to do with the sliding effect of collapsing the box because I can see the redraw after it is finished.

Setting the groupspacing will give all groups the same spacing. I just want it with 1 specific group.

I will play around with the creationfilter some more. Thanks for helping me in the right direction.

Hello Erik,

Please use the following code:

ultraExplorerBar1.GroupSpacing = 32;

Also you could change my sample code and when initializing the rectangle in the end of the constructor, please provide the value '35' instead of '15' for the image's rectangle.

As to the drawing issue, I can see that when collapsing you could see for some milliseconds two images instead of one. This is because of the transition effect of collapsing and I do not see how to overcome this.

Hi Boris,

Thanks for the quick reply!

This solution is in the right direction, however not usable because of the following:

1. The image has to fit in between the groups, so the group vertical position has to be changed (how do I do this?)
2. When I expand/collapse a group there is a draw issue (any idea how to make the drawing more fluent?)