Color the header of a content pane in a TabGroupPane

340

Guy posted over 15 years ago

Is it possible to change the color of the background/foreground of the tab of a content pane in a TabGroupPane?

I saw couple of posts back the option to add a header template but it change the stripe, i want to change the actual tab color (like in excel "tab color")

Thanks

Parents

54937

Offline Andrew Smith [Infragistics] posted over 15 years ago

The tab that represents the ContentPane in the TabGroupPane is a PaneTabItem so you would have to provide a custom Style for the PaneTabItem. E.g. you would put a Style that targets the PaneTabItem with the appropriate setters to accomplish what you want (changing Background, Template, etc.) into the Resources of the xamDockManager.
Cancel
Reply

Cancel

Reply

340

Guy posted over 15 years ago in reply to Andrew Smith [Infragistics]

ok, I've added :

<igDock:XamDockManager.Resources>
<Style x:Key="TheStyle" TargetType="igDock:PaneTabItem">
<Setter Property="Background" Value="Red" />
</Style>
<Style TargetType="igDock:PaneTabItem">
<Setter Property="Control.Foreground" Value="Yellow" />
</Style>
</igDock:XamDockManager.Resources>

so all my tab panes headers foreground are yellow, but trying to attache the specific res background to a specific content pane in the tabgorup gives the error "'PaneTabItem' TargetType does not match type of element 'ContentPane'"

so where exactly do I need to set the style to if for example I want a - green/red/yellow tabs tab control?
Cancel
Reply

Cancel

Children

45

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

Andrew,

I am having an issue setting the style on the PaneTabItem when the TabGroupPane is a regionadapter using NCAL. Do i need to have the style tag in the xaml file that hosts the Region in it or does the style tag need to be in the xaml of the usercontrol i am placing in the region?
Cancel
Reply

Cancel
54937

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

I'm not sure what you adding to. If you mean that you want to be notified when the templates are changed such that they bind to the Background property of the PaneTabItem, you may contact the support group here and reference this thread. Alternatively you can create your own custom template for the PaneTabItem. You can use the default xaml that we ship with the product (included in the DefaultStyles directory) as the starting point for your custom templates.
Cancel
Reply

Cancel
225

Jason Hunt posted over 14 years ago in reply to Andrew Smith [Infragistics]

+1
Cancel
Reply

Cancel
54937

Offline Andrew Smith [Infragistics] posted over 15 years ago in reply to Guy

GuyV said:
but trying to attache the specific res background to a specific content pane in the tabgorup gives the error "'PaneTabItem' TargetType does not match type of element 'ContentPane'"
A ContentPane is not a PaneTabItem so you cannot set its style to the style for a PaneTabItem. There currently is no property on a ContentPane to allow setting the Style used by a PaneTabItem that is created by a TabGroupPane for a specific ContentPane. What you will probably need to do is to instead change your style for the PaneTabItem such that you trigger off some property (e.g. you could define your own attached property and set it on the contentpane) to change the background. e.g. (using tag as opposed to an attached prop)

<igDock:XamDockManager>

    <igDock:XamDockManager.Resources>

        <Style TargetType="igDock:PaneTabItem">

            <Setter Property="Background" Value="Green" />



            <Style.Triggers>

                <DataTrigger Binding="{Binding Path=Pane.Tag, RelativeSource={RelativeSource Self}}" Value="IsRed">

                    <Setter Property="Background" Value="Red" />

                </DataTrigger>

            </Style.Triggers>

        </Style>

    </igDock:XamDockManager.Resources>

    <igDock:XamDockManager.Panes>

        <igDock:SplitPane>

            <igDock:TabGroupPane>

                <igDock:ContentPane Header="ABC" />

                <igDock:ContentPane Header="DEF" Tag="IsRed" />

            </igDock:TabGroupPane>

        </igDock:SplitPane>

    </igDock:XamDockManager.Panes>

</igDock:XamDockManager>

Unfortunately the Background doesn't seem to be taking effect for the default templates we provide. In looking at the default styles it does not appear that any of the elements within the PaneTabItem template are binding to the background property. I'll get an issue submitted for this part and get a case for it associated with your account.
Cancel
Reply

Cancel
340

Guy posted over 15 years ago in reply to Guy

so - is it possible to color the document host tabs background/foreground in different colors?
Cancel
Reply

Cancel