Hello,

I am just checking the progress of this issue and was wondering if you managed to achieve your goal or if you need any further assistance on the matter.

Hi again,

 

Please look at my latest post, form the 30^th of May, where I have provided you with a better approach on the matter, that doesn’t require retemplating.

 

Let me know if you have any concerns about it in particular.

hi ,

from the below code can u please tell me what are the changes i have to do for to edit the tab in place

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

<

 

 

 

UserControl x:Class

="GuiControls.View.TabView"

 

 

 

xmlns:syncfusion

="http://schemas.syncfusion.com/wpf"

 

 

 

xmlns

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

 

 

 

xmlns:x

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

 

 

 

xmlns:ctrl

="clr-namespace:GuiControls.Controls"

 

 

 

xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

 

 

 

xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

 

 

 

mc:Ignorable="d"

 

 

 

Height="Auto" Width

="Auto"

 

 

 

xmlns:local

="clr-namespace:GuiControls.ViewModel"

 

 

 

xmlns:igEditors

="http://infragistics.com/Editors"

 

 

 

xmlns:igWindows

="http://infragistics.com/Windows">

 

 

 

 

<UserControl.DataContext

>

 

 

 

 

<local:TabVmServer></local:TabVmServer

>

 

 

 

 

</UserControl.DataContext

>

 

 

 

 

<Grid

>

 

 

 

 

<Grid.RowDefinitions

>

 

 

 

 

<RowDefinition Height

="6" />

 

 

 

 

<RowDefinition Height

="22" />

 

 

 

 

<RowDefinition Height

="*" />

 

 

 

 

</Grid.RowDefinitions

>

 

 

 

 

<ctrl:ControlToolBar Grid.RowSpan

="2" />

 

 

 

 

 

 

<igWindows:XamTabControl

Name

 

 

 

="xamTabControl1"

AllowTabClosing

 

 

 

="True"

ShowTabHeaderCloseButton

 

 

 

="True" ItemsSource="{Binding Path=SimulationTabs}" Grid.RowSpan

="2">

 

 

 

 

<igWindows:XamTabControl.Resources

>

 

 

 

 

<Style x:Key="{x:Type igWindows:TabItemEx}" TargetType="{x:Type igWindows:TabItemEx

}">

 

 

 

 

<Setter Property

="Template">

 

 

 

 

<Setter.Value

>

 

 

 

 

<ControlTemplate TargetType="{x:Type igWindows:TabItemEx

}">

 

 

 

 

<Grid SnapsToDevicePixels

="true">

 

 

 

 

<

Border

 

 

 

Name

="Bd"

 

 

 

Padding="{TemplateBinding Padding

}"

 

 

 

BorderBrush="{TemplateBinding BorderBrush

}"

 

 

 

Background="{TemplateBinding Background

}"

 

 

 

BorderThickness

="1,1,1,0"

 

 

 

CornerRadius

="3,3,0,0">

 

 

 

 

<Grid

>

 

 

 

 

<!--Substitute the ContentPresenter with a XamTextEditor-->

 

 

 

 

<igEditors:XamTextEditor

 

 

 

PreviewMouseLeftButtonDown

="tbEdit_PreviewMouseDoubleClick"

 

 

 

BorderThickness="0"

 

 

 

Background

="Transparent"

 

 

 

EditModeStarting

="tbEdit_EditModeStarting"

 

 

 

EditModeEnding

="tbEdit_EditModeEnding"

 

 

 

Value="{Binding Header,

 

 

 

RelativeSource={RelativeSource TemplatedParent

}}"/>

 

 

 

 

</Grid

>

 

 

 

 

</Border

>

 

 

 

 

<

Border

 

 

 

x:Name

="Highlight"

 

 

 

Height

="3"

 

 

 

CornerRadius

="3,3,0,0"

 

 

 

Background="{DynamicResource {x:Static igWindows:PrimitivesBrushKeys

.TabItemHottrackHighlightLightFillKey}}"

 

 

 

BorderBrush="{DynamicResource {x:Static igWindows:PrimitivesBrushKeys

.TabItemHottrackHighlightDarkFillKey}}"

 

 

 

BorderThickness

="1,1,1,0"

 

 

 

Visibility

="Collapsed"

 

 

 

VerticalAlignment

="Top"/>

 

 

 

 

</Grid

>

 

 

 

 

</ControlTemplate

>

 

 

 

 

</Setter.Value

>

 

 

 

 

</Setter

>

 

 

 

 

</Style

>

 

 

 

 

</igWindows:XamTabControl.Resources

>

 

 

 

 

<igWindows:XamTabControl.ItemTemplate

>

 

 

 

 

<DataTemplate

>

 

 

 

 

<igWindows:TabItemEx Header="{Binding Header}" AllowClosing

="True"

CloseButtonVisibility

 

 

 

="WhenSelectedOrHotTracked">

 

 

 

 

</igWindows:TabItemEx

>

 

 

 

 

</DataTemplate

>

 

 

 

 

</igWindows:XamTabControl.ItemTemplate

>

 

 

 

 

</igWindows:XamTabControl

>

 

 

 

 

</Grid

>

</

 

 

 

UserControl

>

Hi again,

 

I looked into your snippet and when I tested it out I noticed that a whole TabItem is paced inside the tab header, so actually my previous assumption was a bit off. The ItemTemplate isexatly what you are looking for – it sets the visual tree for the TabItemEx’s header and you can set it like so:

 

<igWindows:XamTabControl Name="xamTabControl1" >

    <igWindows:XamTabControl.ItemTemplate>

        <DataTemplate>

            <TextBox Text="{Binding Header}"/>

        </DataTemplate>

    </igWindows:XamTabControl.ItemTemplate>...

 

Also you can take a look at the ContentTemplate property which sets the visual tree for the content area of the TabItemEx.

 

Please let me know if I can be of any further assistance on the matter.

actually we are binding the xamtabcontrol as below

  <igWindows:XamTabControl Name="xamTabControl1"
             TabLayoutStyle="MultiRowSizeToFit"
             MaximumTabRows="4"
             MaximumSizeToFitAdjustment="50"
             MinimumTabExtent="100"
             InterTabSpacing="2"
             InterRowSpacing="2"
             AllowTabClosing="True"
             ShowTabHeaderCloseButton="True"
             TabItemCloseButtonVisibility="WhenSelectedOrHotTracked"
                    ItemsSource="{Binding Path=SimulationTabs }"
                    >
           
            <igWindows:XamTabControl.ItemTemplate>
                <DataTemplate>
                    <TabItem  Header="{Binding Path=Header}" />
                </DataTemplate>
            </igWindows:XamTabControl.ItemTemplate>
                <ContextMenuService.ContextMenu>
                <ContextMenu Name="tabContextMenu">
                    <MenuItem Header="Close" Command="{Binding Path=CloseCommand}" ></MenuItem>
                    <MenuItem Header="Delete" Command="{Binding Path=DeleteCommand}"></MenuItem>
                </ContextMenu>
            </ContextMenuService.ContextMenu>
        </igWindows:XamTabControl>

we are not using any  TabItemEx’s so let me know how to enable the tabitem header editable in place.