Remove the buttons on the ContentPane

473

Remove the buttons on the ContentPane

Sachin posted over 15 years ago

I want to apply my own image/style to the close button. How can I do it?

If it is not possible can I put my own button in the Header and give the close action to it?

I dont want pin button and the drop down on the Content pane header. How can I remove it?

Setting the AllowPin property only disables the pin button.

~Sachin

Parents

54937

Suggested Answer
Offline Andrew Smith [Infragistics] posted over 15 years ago

I believe there are other posts in this forum relating to customizing the pane header. Essentially you need to retemplate the PaneHeaderPresenter. The product install includes a DefaultStyles directory which contains the default xaml for the controls so you can use this as the basis for creating your own PaneHeaderPresenter style & template. Another option is to use the public ResourceKey properties exposed to provide custom styles for the buttons. e.g.

<igDock:ContentPane.Resources>

    <Style TargetType="{x:Type Button}" x:Key="{x:Static igDock:PaneHeaderPresenter.CloseButtonStyleKey}">

        <Setter Property="Width" Value="16" />

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

    </Style>

    <Style TargetType="{x:Type Button}" x:Key="{x:Static igDock:PaneHeaderPresenter.PinButtonStyleKey}">

        <Setter Property="Width" Value="0" />

    </Style>

    <Style TargetType="{x:Type MenuItem}" x:Key="{x:Static igDock:PaneHeaderPresenter.PositionMenuItemStyleKey}">

        <Setter Property="Width" Value="0" />

        <Setter Property="IsEnabled" Value="false" />

    </Style>

</igDock:ContentPane.Resources>
Cancel
Reply

Reject Answer

Cancel

Reply

25

Ivan posted over 7 years ago in reply to Andrew Smith [Infragistics]

Hi, I am trying to apply this solution but it seems I am failing somewhere, could someone please take a look and see if there is an error in what I'm doing. Here is complete XAML of simple application which consists of dock manager with two content panes. I am using libraries InfragisticsWPF4.v14.1.dll and InfragisticsWPF4.DockManager.v14.1.dll.

I need to hide all buttons on content panes when they are floating but close buttons [x] are still visible:

<Window

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:igWPF="http://schemas.infragistics.com/xaml/wpf" x:Class="XamDockManagerSaveLoad.MainWindow"

Title="MainWindow" Height="350" Width="525">



<Grid>

<Grid.ColumnDefinitions>

<ColumnDefinition Width="*"/>

<ColumnDefinition Width="100"></ColumnDefinition>

</Grid.ColumnDefinitions>

<igWPF:XamDockManager Grid.Column="0" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" x:Name="xamDockManager1">

<igWPF:XamDockManager.Panes>

<igWPF:SplitPane>

<igWPF:ContentPane Header="pane1" Width="320" x:Name="pane1">



<igWPF:ContentPane.Resources>

<Style TargetType="{x:Type Button}" x:Key="{x:Static igWPF:PaneHeaderPresenter.CloseButtonStyleKey}">

<Setter Property="Width" Value="0" />

</Style>

<Style TargetType="{x:Type Button}" x:Key="{x:Static igWPF:PaneHeaderPresenter.PinButtonStyleKey}">

<Setter Property="Width" Value="0" />

</Style>

<Style TargetType="{x:Type MenuItem}" x:Key="{x:Static igWPF:PaneHeaderPresenter.PositionMenuItemStyleKey}">

<Setter Property="Width" Value="0" />

<Setter Property="IsEnabled" Value="false" />

</Style>

</igWPF:ContentPane.Resources>



</igWPF:ContentPane>

<igWPF:ContentPane Header="pane2" Width="200" x:Name="pane2">



<igWPF:ContentPane.Resources>

<Style TargetType="{x:Type Button}" x:Key="{x:Static igWPF:PaneHeaderPresenter.CloseButtonStyleKey}">

<Setter Property="Width" Value="0" />

</Style>

<Style TargetType="{x:Type Button}" x:Key="{x:Static igWPF:PaneHeaderPresenter.PinButtonStyleKey}">

<Setter Property="Width" Value="0" />

</Style>

<Style TargetType="{x:Type MenuItem}" x:Key="{x:Static igWPF:PaneHeaderPresenter.PositionMenuItemStyleKey}">

<Setter Property="Width" Value="0" />

<Setter Property="IsEnabled" Value="false" />

</Style>

</igWPF:ContentPane.Resources>



</igWPF:ContentPane>

</igWPF:SplitPane>

</igWPF:XamDockManager.Panes>

</igWPF:XamDockManager>



</Grid>

</Window>

Thank you.
Cancel
Reply

Cancel

Children

25

Ivan posted over 7 years ago in reply to Andrew Smith [Infragistics]

Thank you, setting FloatingWindowCaptionSource="UseContentPaneCaption" on XamDockManager resolved the issue.
Cancel
Reply

Cancel
54937

Offline Andrew Smith [Infragistics] posted over 7 years ago in reply to Ivan

If a pane is floating by itself then by default you won't see the PaneHeaderPresenter. Instead you just see the non-client area of the containing PaneToolWindow so I assume the close button you are referring to is that - the close button for the floating window itself. Depending on the theme and other settings that non-client area is literally OS provided non-client area (which you cannot affect with WPF styles) or is the styling of the PaneToolWindow itself (which itself is just referencing/sharing the ToolWindow styling defined in our Windows assembly). So you can either handle the ToolWindowLoaded, set the e.Window.UseOSNonClientArea to false and then define your own Style & ControlTemplate for the PaneToolWindow (copying the ToolWindow styling from one of the themes in the xaml provided as part of the install) or you could set the FloatingWindowCaptionSource of the xamDockManager to UseContentPaneCaption in which case the UseOSNonClientArea is resolved to false and the caption area that would normally be provided by the PaneToolWindow will be collapsed and the ContentPane's PaneHeaderPresenter will be displayed.
Cancel
Reply

Cancel