RadTabItem template

[ravenger]

In my application I use TabControl for UI and set few DataTemplates. But i don't know, how to set DataTemplate for change IsEnabled and Margin properties for each item (RadTabItem)

<DataTemplate x:Key="ItemTemplate">
    <StackPanel Orientation="Horizontal">
        <Image Height="16" Width="16" Source="{Binding ImagePath}" />
        <TextBlock Text="{Binding Header}" Margin="3,0,0,0" />
    </StackPanel>
</DataTemplate>

<DataTemplate x:Key="ContentTemplate">
    <Grid>
        <navigation:Frame Source="{Binding XamlPath}" Margin="0 30 0 0"  />
    </Grid>
</DataTemplate>

Here is my class

public class RadItemsList
{
    public string ImagePath { get; set; }
    public string Header { get; set; }
    public Uri XamlPath { get; set; }
}

2nd question. XamlPath property sets only one time, when i click on tabitem later, nothing happens, page remains the same

[Petar Mladenov]

Hello Ravenger,

 For the second issue you can use the SupressSelectedContentTemplateReapplying property set to "True". You can find more info on this here.
The IsEnabled (bool) and Margin (Thickness) properties could be bound to properties in your ViewModel via ContainerBindings. You can find this realized in the attached solution. Please let us know if this satisfies you.

Greetings,
Petar Mladenov
the Telerik team

[ravenger]

Thanks so much, it works!!!

I have another question
How can I load the second page (RadTabItem content) from the first page, and also execute the function with param from the second page?

[Petar Mladenov]

Hello Ravenger,

 You can have Button or RadButton in the Templates and use their Command property to bind to a  custom Command in your ViewModel. Please let us know if you need assistance on this. 

All the best,
Petar Mladenov
the Telerik team