Hi, 

I took the Style of the "ExpandableFieldItemControlKey" and the "FilterFieldItemControl" from the IG.xamPivotGrid.xaml and changed the following in the "ExpandableFieldItemControlKey".

I made the background transparent and removed the close button and the draggable feature. However the layout doesn't change. If i remove "igPivot:TemplatedParentHelper.TemplatedParent="{Binding RelativeSource={RelativeSource TemplatedParent}}">" in the Popup section down the layout changes as desired but then i have issues with the popup itself when clicked. how can i change the layout without facing any issues?

Note: I am not assigning any theme to my application.

 <Style x:Key="ExpandableFieldItemControlKey" TargetType="igPivotPrim:ExpandableFieldItemControl">

            <Setter Property="FontSize" Value="11" />

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

            <Setter Property="Foreground" Value="Black"/>

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

            <Setter Property="HorizontalContentAlignment" Value="Center"/>

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

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

            <Setter Property="Template">

                <Setter.Value>

                    <ControlTemplate TargetType="igPivotPrim:ExpandableFieldItemControl">

                        <Grid x:Name="Root" Background="Transparent">

                            <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" CornerRadius="3">

                                <Grid>

                                    <Grid.ColumnDefinitions>

                                        <ColumnDefinition Width="Auto"/>

                                        <ColumnDefinition Width="*"/>

                                        <ColumnDefinition Width="Auto"/>

                                    </Grid.ColumnDefinitions>

                                    <Grid.RowDefinitions>

                                        <RowDefinition Height="*"/>

                                        <RowDefinition Height="Auto"/>

                                    </Grid.RowDefinitions>

                                    <Grid>

                                        <ToggleButton x:Name="DropDownToggle" Style="{StaticResource FilterDropdownToggle}"

                                                          Cursor="Hand"

                                                          IsThreeState="False" IsChecked="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=IsExpanded, Mode=TwoWay}"

                                                          HorizontalAlignment="Stretch" Margin="0" BorderBrush="{TemplateBinding BorderBrush}"

                                                          VerticalContentAlignment="Stretch"

                                                          BorderThickness="{TemplateBinding BorderThickness}" HorizontalContentAlignment="Center">

                                            <Grid>

                                                <Path x:Name="clearFilterGlyphStroke" Width="11" Height="8" HorizontalAlignment="Center" VerticalAlignment="Center"

                                                  Data="M 0,0 C0,0 11,0 11,0 11,0 7,4 7,4 7,4 7,8 7,8 7,8 4,8 4,8 4,8 4,4 4,4 4,4 0,0 0,0 z" Stretch="Fill"

                                                  Stroke="{StaticResource DarkBrush1}" Fill="{StaticResource LightForegroundColor}" />

                                            </Grid>

                                        </ToggleButton>

                                    </Grid>

                                    <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="70,0,0,0" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" />

                                    <Popup x:Name="Popup" Grid.Row="1" IsOpen="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=IsExpanded, Mode=TwoWay}">

                                        <Grid x:Name="OriginalPopupChild" Width="Auto">

                                           <Border x:Name="PopupBorder" Background="{StaticResource PopupBackgroundBrush}" VerticalAlignment="Top"

BorderBrush="{StaticResource GridBorderBrush}" BorderThickness="{TemplateBinding BorderThickness}"

igPivot:TemplatedParentHelper.TemplatedParent="{Binding RelativeSource={RelativeSource TemplatedParent}}">

                                                <Border.Effect>

                                                    <DropShadowEffect Direction="270" Opacity="0.25" ShadowDepth="3"/>

                                                </Border.Effect>

                                                <Grid>

                                                    <Grid.RowDefinitions>

                                                        <RowDefinition Height="*"/>

                                                        <RowDefinition Height="Auto"/>

                                                    </Grid.RowDefinitions>

                                                    <ContentPresenter ContentTemplate="{TemplateBinding ExpansionAreaContentTemplate}"/>

                                                    <Border VerticalAlignment="Top" Grid.Row="1">

                                                        <StackPanel Orientation="Horizontal" HorizontalAlignment="Right" >

                                                            <Button Content="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=StringSource.FilterTreeOkButtonText}"  x:Name="OKButton" Margin="5" Width="70" Cursor="Hand">

                                                                <ig:Commanding.Command>

                                                                    <igPivot:XamPivotGridCommandSource EventName="Click" CommandType="RefreshGrid"/>

                                                                </ig:Commanding.Command>

                                                            </Button>

                                                            <Button Content="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=StringSource.FilterTreeCancelButtonText}"

 x:Name="CancelButton" Margin="5" Width="70" Cursor="Hand" >

                                                                <igPivot:XamTriggers.EventTriggers>

                                                                    <igPivot:XamEventTrigger EventName="Click">

                                                                        <igPivot:ExpandableFieldItemEventTrigger IsEnabled="True"/>

                                                                    </igPivot:XamEventTrigger>

                                                                </igPivot:XamTriggers.EventTriggers>

                                                            </Button>

                                                        </StackPanel>

                                                    </Border>

                                                </Grid>

                                            </Border>

                                        </Grid>

                                    </Popup>

                                </Grid>

                            </Border>

                        </Grid>

                    </ControlTemplate>

                </Setter.Value>

            </Setter>

        </Style>

Thanks,

Nazha