Hello,
I am able to change the MarkerTemplateSelector in the code-behind as shown in the sample app But how can I check this only on xaml side without wrriting background code ?
I want to start a different DataTemplate when StepStatus.Active is and a different template when StepStatus.Inactive. Now I can do as floows. But is there a way to check it only froum xaml ?
public override DataTemplate SelectTemplate(object item, DependencyObject container)
{
StepViewItem stepViewItem = item as StepViewItem;
if (stepViewItem != null)
{
ItemsControl itemsControl = ItemsControl.ItemsControlFromItemContainer(stepViewItem);
int index = itemsControl.ItemContainerGenerator.IndexFromContainer(stepViewItem);
StepStatus stepStatus = stepViewItem.Status;
stepViewItem.MarkerWidth = 30;
stepViewItem.MarkerHeight = 30;
if (stepStatus == StepStatus.Active)
{
return stepViewItem.FindResource("ActiveStepTemplate") as DataTemplate;
}
else if (stepStatus == StepStatus.Inactive && index == 0)
{
return stepViewItem.FindResource("InActiveFirstStepTemplate") as DataTemplate;
}
else if (stepStatus == StepStatus.Inactive && index == 1)
{
return stepViewItem.FindResource("InActiveSecondStepTemplate") as DataTemplate;
}
else if (stepStatus == StepStatus.Inactive && index == 2)
{
return stepViewItem.FindResource("InActiveThirdStepTemplate") as DataTemplate;
}
else if (stepStatus == StepStatus.Inactive && index == 3)
{
return stepViewItem.FindResource("InActiveFourthStepTemplate") as DataTemplate;
}
else if (stepStatus == StepStatus.Indeterminate && index == 0)
{
return stepViewItem.FindResource("IndeterminateFirstStepTemplate") as DataTemplate;
}
else if (stepStatus == StepStatus.Indeterminate && index == 1)
{
return stepViewItem.FindResource("IndeterminateSecondStepTemplate") as DataTemplate;
}
else if (stepStatus == StepStatus.Indeterminate && index == 2)
{
return stepViewItem.FindResource("IndeterminateThirdStepTemplate") as DataTemplate;
}
else if (stepStatus == StepStatus.Indeterminate && index == 3)
{
return stepViewItem.FindResource("IndeterminateFourthStepTemplate") as DataTemplate;
}
}
return null;
}
<syncfusion:SfStepProgressBar x:Name="MarkerCustomization"
Grid.Row="1"
ActiveConnectorColor="#31c631"
ConnectorThickness="1"
MarkerTemplateSelector="{StaticResource customShapeTemplate}"
Orientation="Vertical"
SelectedItemStatus="Indeterminate"
ItemsSource="{Binding StepperItems}"
SelectedIndex="0">
<syncfusion:SfStepProgressBar.ItemContainerStyle>
<Style TargetType="syncfusion:StepViewItem">
<Setter Property="SecondaryContentTemplate"
Value="{StaticResource SecondaryContentTemplate}" />
<Setter Property="ContentTemplate"
Value="{StaticResource ContentTemplate}" />
</Style>
</syncfusion:SfStepProgressBar.ItemContainerStyle>
</syncfusion:SfStepProgressBar>
