Hello,

Right -- when you install the WPF suite you will get the default styles for DataPresenter in the following folder:

C:\Program Files\Infragistics\NetAdvantage for WPF 2008 Vol. 1\DefaultStyles\DataPresenter

There you can open the DataPresenterGeneric_Express.xaml file and look for the LabelPresenter default template - it is quite complicated because of the complex styles and a lot of the additional functionality required, like sorting.

You can also use additional tools like Mole and Snoop to investigate the Visual Tree of the application (and the header in this particular case) in order to see the elements that take part in displaying the header.

<Style TargetType="{x:Type igDP:LabelPresenter}">
        <Setter Property="Padding" Value="5,4,5,4" />
        <Setter Property="Background" Value="{DynamicResource {ComponentResourceKey {x:Type igDP:XamDataGrid}, LabelBackground}}"/>
        <Setter Property="LabelHighlight" Value="{DynamicResource {ComponentResourceKey {x:Type igDP:XamDataGrid}, LabelHighlight}}" />
        <Setter Property="InnerBorderBrush" Value="{DynamicResource {ComponentResourceKey {x:Type igDP:XamDataGrid}, LabelInnerBorder}}" />
        <Setter Property="OuterBorderBrush" Value="{DynamicResource {ComponentResourceKey {x:Type igDP:XamDataGrid}, LabelOuterBorder}}" />
        <Setter Property="Foreground" Value="{DynamicResource {ComponentResourceKey {x:Type igDP:XamDataGrid}, LabelForeground}}"/>
        <Setter Property="HorizontalContentAlignment"
        Value="{Binding RelativeSource={x:Static RelativeSource.Self}, Path=Field.LabelTextAlignmentResolved, Converter={StaticResource textAlignmentToHorizontalAlignmentConverter}}" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type igDP:LabelPresenter}">
                    <ControlTemplate.Resources>
                        <Storyboard x:Key="sbHighlightOn">
                            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="highlight">
                                <SplineDoubleKeyFrame Value="0" KeyTime="00:00:00"/>
                                <SplineDoubleKeyFrame Value="1" KeyTime="00:00:00.1750000"/>
                            </DoubleAnimationUsingKeyFrames>
                        </Storyboard>
                        <Storyboard x:Key="sbHighlightOff">
                            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="highlight">
                                <SplineDoubleKeyFrame Value="0" KeyTime="00:00:00.25"/>
                            </DoubleAnimationUsingKeyFrames>
                        </Storyboard>
                        <Storyboard x:Key="SigmaFadeIn">
                            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="SummaryButton" Storyboard.TargetProperty="(UIElement.Opacity)">
                                <SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="1"/>
                            </DoubleAnimationUsingKeyFrames>
                        </Storyboard>
                        <Storyboard x:Key="SigmaFadeOut">
                            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="SummaryButton" Storyboard.TargetProperty="(UIElement.Opacity)">
                                <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
                                <SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="0.2"/>
                            </DoubleAnimationUsingKeyFrames>
                        </Storyboard>
                    </ControlTemplate.Resources>

                    <Grid Margin="2,4,2,4" Background="#00000000">
                        <!-- Background Bar -->
                        <Border
                            Width="Auto"
                            Height="Auto"
                            RenderTransformOrigin="0.5,0.5"
                            CornerRadius="{DynamicResource {ComponentResourceKey {x:Type igDP:XamDataGrid}, LabelCornerRadius}}"
                            SnapsToDevicePixels="True"
                            Background="{TemplateBinding Background}"
                            x:Name="background"
                                        />

                        <!-- Highlight -->
                        <Border
                            x:Name="highlight"
                            Opacity="0"
                            Width="Auto"
                            Height="Auto"
                            CornerRadius="2,2,2,2"
                            Background="{TemplateBinding LabelHighlight}"
                                />
                        <Rectangle Stroke="{TemplateBinding OuterBorderBrush}" StrokeThickness="1" RadiusX="1.55015910897703" RadiusY="1.55015910897703" Fill="Transparent" Margin="0,0,0,0" x:Name="lineOuter" Width="Auto" Height="Auto" />
                        <Rectangle Stroke="{TemplateBinding InnerBorderBrush}" StrokeThickness="1" RadiusX="0.550159108977027" RadiusY="0.550159108977027" Fill="Transparent" Margin="1,1,1,1" x:Name="lineInner" Width="Auto" Height="Auto" />
                        <Grid Margin="{TemplateBinding Padding}"
                              HorizontalAlignment="Stretch"
                              VerticalAlignment="Stretch"
                              x:Name="sortIndicatorAndLabel">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="Auto"/>
                                <ColumnDefinition Width="Auto"/>
                            </Grid.ColumnDefinitions>

                            <ContentPresenter
                                x:Name="LabelContent"
                                Focusable="False"
                                Content="{Binding Path=Content, RelativeSource={RelativeSource TemplatedParent}}"
                                ContentTemplate="{TemplateBinding ContentTemplate}"
                                ContentTemplateSelector="{TemplateBinding ContentTemplateSelector}"
                                d:LayoutOverrides="Width, Height"
                                VerticalAlignment="Center"
                            />
                            <igWindows:SortIndicator
                                x:Name="SortIndicator"
                                SortStatus="{TemplateBinding SortStatus}"
                                Visibility="Collapsed"
                                HorizontalAlignment="Right"
                                VerticalAlignment="Center"
                                Width="Auto"
                                 Grid.Column="1"
                                 Margin="5,0,0,0" />

                            <!-- SSP 3/31/08 - Summaries Functionality -->
                            <igDP:SummaryButton
                                    x:Name="SummaryButton"
                                    Field="{TemplateBinding Field}"
                                    Visibility="{Binding Path=Field.AllowSummariesResolved, Converter={StaticResource BoolToVisConverter}, RelativeSource={RelativeSource TemplatedParent}}"
                                    HorizontalAlignment="Right"
                                    VerticalAlignment="Center"
                                    Width="Auto"
                                    Grid.Column="2"
                                    Margin="5,0,0,0"
                                    Opacity="0.2"
                                />

                        </Grid>
                    </Grid>

                    <ControlTemplate.Triggers>
                        <!--<DataTrigger Binding="{Binding Path=Field.LabelTextAlignmentResolved, RelativeSource={RelativeSource Self}}" Value="Center">
                            <Setter Property="HorizontalAlignment" TargetName="sortIndicatorAndLabel" Value="Center"/>
                        </DataTrigger>-->
                        <!-- HighlightPrimary -->
                        <Trigger Property="HighlightAsPrimary" Value="true">
                            <Setter TargetName="highlight" Property="Opacity" Value="1" />
                        </Trigger>

                        <Trigger Property="HorizontalAlignment" Value="Center">
                            <Setter Property="VerticalAlignment" TargetName="SortIndicator" Value="Top"/>
                            <Setter Property="HorizontalAlignment" TargetName="SortIndicator" Value="Center"/>
                            <Setter Property="Margin" TargetName="SortIndicator" Value="0,5,0,0"/>
                        </Trigger>

                        <!-- Only animate highlight -->
                        <MultiTrigger>
                            <MultiTrigger.Conditions>
                                <!--<Condition Property="SortStatus" Value="NotSorted"/>-->
                                <Condition Property="IsMouseOver" Value="True"/>
                            </MultiTrigger.Conditions>
                            <MultiTrigger.EnterActions>
                                <BeginStoryboard Storyboard="{StaticResource sbHighlightOn}" x:Name="sbHighlightOn_BeginStoryboard"/>
                                <BeginStoryboard Storyboard="{StaticResource SigmaFadeOut}" x:Name="SigmaFadeIn_BeginStoryboard"/>
                                <BeginStoryboard x:Name="SigmaFadeIn_BeginStoryboard1" Storyboard="{StaticResource SigmaFadeIn}"/>
                            </MultiTrigger.EnterActions>
                            <MultiTrigger.ExitActions>
                                <BeginStoryboard Storyboard="{StaticResource sbHighlightOff}" x:Name="sbHighlightOff_BeginStoryboard"/>
                                <BeginStoryboard Storyboard="{StaticResource SigmaFadeOut}" x:Name="SigmaFadeOut_BeginStoryboard"/>
                                <StopStoryboard BeginStoryboardName="SigmaFadeIn_BeginStoryboard1"/>
                            </MultiTrigger.ExitActions>
                        </MultiTrigger>

                        <Trigger Property="SortStatus" Value="Ascending">
                            <Setter TargetName="highlight" Property="Opacity" Value="1" />
                            <Setter TargetName="SortIndicator" Property="Visibility" Value="Visible" />
                        </Trigger>
                        <Trigger Property="SortStatus" Value="Descending">
                            <Setter TargetName="highlight" Property="Opacity" Value="1" />
                            <Setter TargetName="SortIndicator" Property="Visibility" Value="Visible" />
                        </Trigger>
                    </ControlTemplate.Triggers>

                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
 

Hi,

I checked the default style provided with the infragistics WPF Vol 2. But I am still not clear what should I use in my code to achieve the functionality as specified. I knew I am taking new control template so it overrides the default one.

How to implement style for labelpresenter which gives be the functioanlity as mentioned in my post?

Thanks,

Sejal Viroja

Hello,

You can start from the default LabelPresenter template and use it literally, then find a suitable place where you can add your button to the template.

Hello,

Can you please send me some sample how to do the thing as u mentioned. I am still not clear with your idea.

Thanks,

Sejal

When you're creating a new template for a complex control (like parts of the XamDataGrid), the best way is to copy the original template (the entire thing in the post above) completely into your code and then add/edit whatever you want into that. This way, you will know without a doubt that no functionality you expect to have (like the sort indicator) will disappear.

So step by step instructions:

Where you've created your custom template in your xaml, replace it with the supplied LabelPresenter template above (true, it's a lot of code but at least it's complete). Then take your custom button in your custom template and paste it into the grid in the new template. You may have to experiment with where you put it but that's all you have to do.

Yes, thanks temp0 for the additoinal information - that is exacty what I meant originally. This is one of the reasons we consider default templates as part of our core product and ship them in the package - so you can easily start from them and modify / add your new functionality per your requirements.

I also mentioned Snoop and Mole - two great tools which can help you see the Visual Tree of the control - much helpful when you need to override styles / templates.