The default template for tabbed document panes has the image very close to the top of the tab header, unless the specific document pane is selected. I will like to increase the padding used for the tab headers so my images are a little more centralized with a little spacing between the top of the tab header and the top of my image. How do I go about this?
TIA.
Hello Klaus,
I am just checking the progress of this issue and was wondering if you managed to achieve your goal or if you need any further assistance on the matter.
Stefan, thanks for the response. Your proposed solution does not quite solve the problem. I have modified the XAML to add document panes instead so that we can see the images in the header. Please trying using reducing your image sizes to 16x16 and use this code instead:
<igDock:XamDockManager > <igDock:DocumentContentHost> <igDock:SplitPane> <igDock:TabGroupPane> <igDock:ContentPane Header="Header2" Image="cat.jpg"> </igDock:ContentPane> <igDock:ContentPane x:Name="rightEdgeDock" Header="Settings" Image="gear.png"> </igDock:ContentPane> </igDock:TabGroupPane> </igDock:SplitPane> </igDock:DocumentContentHost> </igDock:XamDockManager>
Notice that documents that are not active have no margin between the top of the image in the header and the header tab itself. Wish you guys provided us with a simple mechanism to upload images.