Home

Welcome to the StepProgressBar wiki!

This nuget package helps to create interactive Step progress bar in Xamarin forms.

Properties

Steps

This property is use for set number of steps in StepBar. Default value is 5.

CircleWidth

This property is use for set circle width of circle which appear on steps by default. Default value is 10.

CurrentStep

This property is use for set current Step at runtime and can not be set greater than Steps property. Default value is 0.

StepsColor

This property is use for set default color of step circle which are not yet selected. Default value is Gray.

SelectedStapsColor

This property is use for add color of selected step circle of control. Default value is Black.

StripColor

This property is useful for adding defult color on strips which are not yet selected. Default value is Gray.

TagsSource

This property is use for add tag just below there associated steps. This feature is currently in pre-release form.

StripWidth

This property is user for set width of strip. Default value is 2D.

LabelStyle

This Property is useful for Setup Styling of tags as follows :

                        <customcontrol:CustomBarStepper Steps="{Binding TotalSteps}" CurrentStep="{Binding Current_Step}" TagsSource="{Binding TagList}"
                                                    StripWidth="3" 
                                                            SelectedStapsColor="Black"
                                                            StepsColor="Gray"
                                                    CircleWidth="10">
                                <customcontrol:CustomBarStepper.LabelStyle>
                                   <Style TargetType="Label">
                                            <Setter Property="FontSize" Value="20" />
                                            <Setter Property="TextColor" Value="Black" />
                                        </Style>
                                </customcontrol:CustomBarStepper.LabelStyle>
                            </customcontrol:CustomBarStepper>

ImageStyle

This Property is useful for Setup Styling of image as follows :

<customcontrol:StepProgressBar SelectedImageSourceCollection="{Binding SelectedImageList}" 
             ImageSourceCollection="{Binding UnSelectedImageList}" CurrentStep="3"                 
             HorizontalOptions="CenterAndExpand" VerticalOptions="CenterAndExpand">
            <customcontrol:StepProgressBar.ImageStyle>
                <Style TargetType="Image">
                    <Setter Property="HeightRequest" Value="40" />
                    <Setter Property="WidthRequest" Value="40" />
                </Style>
            </customcontrol:StepProgressBar.ImageStyle>
        </customcontrol:StepProgressBar>

SelectedImageSourceCollection

This property is use for setting image collection which have to show on steps which are come in selection criteria.

ImageSourceCollection

This property is use for setting image collection which have to show on steps which are not come in selection criteria.