PrimaryText not vertical aligned when MarkerSize decreases relative to other marker sizes

[Nicolas]

I am using the SfStepProgressBar, I have customized my StepStyles where the markersize of 'Completed' is set to 16 but the markersize of 'InProgress' and 'NotStarted' is being set to 10. This all works fine, however, when doing this the Primary text of the smaller markers is not aligned with the bigger markers.. How can I achieve this?

I know I could make the border transparent but that would also cause the progress/track line not to be attached to the markers itself. Is there any other way to achieve the vertical alignment? 

Example where the text is not aligned: 

The XAML:

 <sfprogressBar:SfStepProgressBar

                            HorizontalOptions="CenterAndExpand"

                            Orientation="Horizontal"

                            VerticalOptions="Center">

                            <sfprogressBar:SfStepProgressBar.NotStartedStepStyle>

                                <sfprogressBar:StepStyle

                                    x:TypeArguments="sfprogressBar:NotStartedStepState"

                                    MarkerContentFillColor="White"

                                    MarkerContentSize="8"

                                    MarkerContentType="Dot"

                                    MarkerShapeType="Circle"

                                    MarkerSize="10"

                                    MarkerStrokeColor="#3557B880"

                                    MarkerStrokeWidth="2"

                                    TrackColor="#3557B880" />

                            </sfprogressBar:SfStepProgressBar.NotStartedStepStyle>

                            <sfprogressBar:SfStepProgressBar.InProgressStepStyle>

                                <sfprogressBar:StepStyle

                                    x:TypeArguments="sfprogressBar:InProgressStepState"

                                    MarkerContentFillColor="White"

                                    MarkerContentSize="8"

                                    MarkerContentType="Dot"

                                    MarkerShapeType="Circle"

                                    MarkerSize="10"

                                    MarkerStrokeColor="#57B880"

                                    MarkerStrokeWidth="2"

                                    TrackColor="#57B880" />

                            </sfprogressBar:SfStepProgressBar.InProgressStepStyle>

                            <sfprogressBar:SfStepProgressBar.CompletedStepStyle>

                                <sfprogressBar:StepStyle

                                    x:TypeArguments="sfprogressBar:CompletedStepState"

                                    MarkerContentFillColor="White"

                                    MarkerContentSize="10"

                                    MarkerContentType="Tick"

                                    MarkerFillColor="#57B880"

                                    MarkerShapeType="Circle"

                                    MarkerSize="16"

                                    MarkerStrokeColor="#57B880"

                                    ProgressLineColor="#57B880" />

                            </sfprogressBar:SfStepProgressBar.CompletedStepStyle>

                            <sfprogressBar:StepView PrimaryText="Step 1" />

                            <sfprogressBar:StepView PrimaryText="Step 2" />

                            <sfprogressBar:StepView PrimaryText="Step 3" />

                            <sfprogressBar:StepView PrimaryText="Step 4" Status="InProgress" />

                            <sfprogressBar:StepView PrimaryText="Step 5" />

                        </sfprogressBar:SfStepProgressBar>

[Gayathri Ramalingam]

Hi Nicolas,  

 

Thank you for using Syncfusion products. 

 

We were able to reproduce the issue “PrimaryText is not vertical aligned when MarkerSize decreases relative to other marker sizes." in our side and we suspect this to be a defect. We have forwarded this issue to our development team for further analysis and we will update further details by 18^th October 2021. 

 

With Regards, 

Gayathri R 

 

 

[Gayathri Ramalingam]

Hi Nicolas,

Sorry for the inconvenience. As promised, we are unable to provide the validation details today. We will consider this as high priority and provide you the details on 20^th October 2021. 

 

 

With Regards, 

Gayathri R 

 

 

[Nicolas]

Thank you for the quick response. I will await the fix :) 

[Gayathri Ramalingam]

Hi Nicolas, 

 

As we mentioned earlier, we are currently working on validation with high priority and provide you the details on 20^th October 2021.  

 

With Regards, 

Gayathri R 

[Gayathri Ramalingam]

Hi Nicolas, 

 

Thank you for your patience. 

 

Currently we do not have support for “Alignment support for primary and secondary text while setting different marker size for step view in SfStepProgressBar control”. However, we have added it to our feature request list, we will implement the mentioned feature in any our upcoming release. We will let you know when this feature is implemented. The status of implementation can be tracked through our Features Management System:     

     

FR link: https://www.syncfusion.com/feedback/29688/need-to-provide-alignment-support-for-primary-and-secondary-text-while-setting 

 

With Regards, 

Gayathri R