Header image of ContentPane is large when the pane is hid...

445

Header image of ContentPane is large when the pane is hid...

Troy posted over 14 years ago

Hi,

I'm brand new to Infragistics so this is likely a beginner issue but here goes...

When I specify an image for a ContentPane, when the pane is hid the image appears very large.

I have tried both .ico and .png file types.

Any ideas?

Troy

445

Offline Troy posted over 14 years ago in reply to Troy

FYI... I figured out the issue I mentioned in my last post where there was appearing a 'box' for an unpinned tab item. Below is a portion of the DockManagergeneric.xaml that I used to control the size of the image (which was my original problem) while trying to implement that fix I changed the Width and Height properities in the below snippet to 20 which caused the problem setting them back to 'Auto' corrected it. The 'box' I was referring to is actually the lighlihhted border for the unpinned tab.



<ControlTemplate x:Key="{x:Static igDock:PaneTabItem.UnpinnedTabItemTemplateKey}" TargetType="{x:Type igDock:PaneTabItem
}">

<Border SnapsToDevicePixels
="true">

<igWindows:CardPanel
>

<igWindows:CardPanel x:Name
="Background">

<Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Width="Auto" Height
="Auto">

<Border x:Name="OuterBorder" BorderBrush="{DynamicResource {x:Static igDock:DockManagerBrushKeys.UnpinnedTabItemOuterBorderFillKey}}" Background="{DynamicResource {x:Static igDock:DockManagerBrushKeys.UnpinnedTabItemLeftCenterFillKey}}" SnapsToDevicePixels="True" BorderThickness
="0,1,1,1"/>

<Border x:Name="InnerBorder" Margin="0,1,1,1" BorderThickness="0,1,1,1" BorderBrush="{DynamicResource {x:Static igDock:DockManagerBrushKeys.UnpinnedTabItemHighlightFillKey}}" SnapsToDevicePixels
="True"/>

</Grid
>

</igWindows:CardPanel
>
Cancel
Reply

Cancel
54937

Offline Andrew Smith [Infragistics] posted over 14 years ago in reply to Troy

I can't really say exactly what is wrong but that looks like the background/border for the tab item which in the default template is provided by the CardPanel whose name is Background. Perhaps you changed something else when you copied the template.
Cancel
Reply

Cancel
445

Offline Troy posted over 14 years ago in reply to Andrew Smith [Infragistics]

That did it! or i should say i finally understood it. I also had to set
Stretch

="Fill"

in addition to setting the Width and height properties, otherwise only a portion of the image would display.

It did create one GUI issue where what looks like a small box appears next to the image when a pane is unpinned. I have attached a screen shot. I have played with a few items in the ControlTemplate xaml but never made a difference. Any ideas?

ConsoleScreenShot.zip
Cancel
Reply

Cancel
54937

Suggested Answer
Offline Andrew Smith [Infragistics] posted over 14 years ago in reply to Troy

quorumXSellerator said:
1) So this is the area under the UnpinnedTabItemTemplateKey section fo the DockManagerGeneric.xaml file I would change the Width and Height for?
You would copy the default ControlTemplate from within our DefaultStyles folder that is included with the product. Within that template is an AutoDisabledImage. You would set the Width and Height properties of that element.

quorumXSellerator said:
2) How do I incorporate this change into my project? I'm still new to this so you have to keep it simple.
You would put your copy of that controltemplate into the Resources of the XamDockManager.

quorumXSellerator said:
3) If I'm using a different theme for my application, such as Office 2007 black, do i still use the DockManagerGeneric.xaml or the one specific to the thene i'm using or does it even matter once I move the Width/Height change into my project.
Yes using the Theme property has some impact. That is why I mention you should put the template into the XDM's resources and not an element higher in the ancestor chain or in the applications resources as the Theme's provided information would take precedence as I describe in this article.
Cancel
Reply

Reject Answer

Cancel
445

Offline Troy posted over 14 years ago in reply to John Doe

I think I know how to do this in code behind but I'd preferr to do this in the Template so i don't have to keep doing it in code behind each time I add a pane to the xamDockManager control.

1) So this is the area under the UnpinnedTabItemTemplateKey section fo the DockManagerGeneric.xaml file I would change the Width and Height for?

<

igWindows:CardPanel>

<igWindows:CardPanel x:Name="Background">

<Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Width="Auto" Height="Auto">

2) How do I incorporate this change into my project? I'm still new to this so you have to keep it simple.

3) If I'm using a different theme for my application, such as Office 2007 black, do i still use the DockManagerGeneric.xaml or the one specific to the thene i'm using or does it even matter once I move the Width/Height change into my project.

Thanks, Troy
Cancel
Reply

Cancel