SfStepProgressBar doesn't render

[Christof]

Hi,

I am trying to use the SfStepProgressBar control with the BindableLayout. It works fine when I just manually define the steps in xaml.

However, when I try to use the BindableLayout, I get the following error in the application output:  

Xamarin.Forms.TapGestureRecognizer is already a child of Syncfusion.XForms.ProgressBar.StepStackLayout. Remove Xamarin.Forms.TapGestureRecognizer from Syncfusion.XForms.ProgressBar.StepStackLayout before adding to Syncfusion.XForms.ProgressBar.StepStackLayout

The control does not render. If I edit something while the application is running, it sometimes reloads and then renders the control, with that message not appearing in the output log. I have not added any GestureRecognizers to the control, and am essentially using it the way described in the documentation page, ie. setting BindableLayout.ItemsSource and defining the DataTemplate.

I am using the control with a MaterialFrame, however this shouldn't be an issue as it renders just fine when I manually define the Steps of the StepProgressBar.

The relevant code is here:

                        <materialFrame:MaterialFrame Elevation="2" MaterialTheme="AcrylicBlur" MaterialBlurStyle="ExtraLight" CornerRadius="10" Margin="10,10,0,0">

                            <progressBar:SfStepProgressBar x:Name="ExperienceHistory" HorizontalOptions="Start" VerticalOptions="Center" Orientation="Vertical" BindableLayout.ItemsSource="{Binding ExperienceItems}">

                                <progressBar:SfStepProgressBar.InProgressStepStyle>

                                    <progressBar:StepStyle x:TypeArguments="progressBar:InProgressStepState" MarkerShapeType="Circle" MarkerContentType="None" MarkerFillColor="#083F5E" ProgressLineColor="#F77F00" MarkerStrokeColor="#083F5E"/>

                                </progressBar:SfStepProgressBar.InProgressStepStyle>

                                <progressBar:SfStepProgressBar.CompletedStepStyle>

                                    <progressBar:StepStyle x:TypeArguments="progressBar:CompletedStepState" MarkerShapeType="Circle" MarkerContentType="None" MarkerFillColor="#083F5E" ProgressLineColor="#F77F00" MarkerStrokeColor="#083F5E"/>

                                </progressBar:SfStepProgressBar.CompletedStepStyle>

                                <BindableLayout.ItemTemplate>

                                    <DataTemplate>

                                        <progressBar:StepView x:Name="stepView" ProgressValue="100" Status="InProgress">    

                                            <progressBar:StepView.PrimaryFormattedText>

                                                <FormattedString>

                                                    <Span Text="{Binding PositionTitle}" FontSize="14" FontFamily="{StaticResource MontserratSemiBold}"/>

                                                    <Span Text="{x:Static system:Environment.NewLine}"/>

                                                    <Span Text="{Binding ExperiencePlaceTitle}" FontSize="12" FontFamily="{StaticResource MontserratRegular}"/>

                                                    <Span Text="{x:Static system:Environment.NewLine}"/>

                                                    <Span Text="{Binding FormattedDates}" FontSize="10" FontFamily="{StaticResource MontserratRegular}"/>

                                                </FormattedString>

                                            </progressBar:StepView.PrimaryFormattedText>

                                        </progressBar:StepView>

                                    </DataTemplate>

                                </BindableLayout.ItemTemplate>

                            </progressBar:SfStepProgressBar>

                        </materialFrame:MaterialFrame>

[Devaraj Sekar]

Hi Christof, 

 

The reported issue with “Bindable layout not rendering in SfStepProgressBar” works as expected from our side with both basic bindable layout and Material Frame layout (Material frame layout from Sharpnado). We have prepared a sample based on the provided information, which can be downloaded from the below link. 

 

Sample link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/Bindable-208310444.zip  

(Note: Material Frame has been implemented in the above-mentioned sample using Sharpnado dll). 

 

If SfStepProgressBar is not renderer in iOS platform, SfLinearProgressBar must be initialized in AppDelegate class in iOS project. 

 

UG Documentation: https://help.syncfusion.com/xamarin/stepprogressbar/gettingstarted#ios  

 

Sample Screenshot: 

 

 

Kindly let us know whether the provided sample fulfils your requirement. If else, kindly provide us detailed information about the issue reproducing scenario such as design layout, model view data, if any other third party dll has been used at the design level, platform specification of the issue, Xamarin forms version or kindly modify the provided sample to reproduce the reported issue scenario, which will be helpful for us to provide a prompt solution at earliest. 

 

Regards,
Devaraj S