Issues with fontimage source size

[Alexis]

Hi,

I try to setup the fontimage source of ,the steps.

But I have an issue of the size.

It's too much on the top. It's not centered.

My code:

 <stepProgressBar:SfStepProgressBar Padding="0" HorizontalOptions="Center" VerticalOptions="Fill" Orientation="Horizontal" >

                <stepProgressBar:SfStepProgressBar.NotStartedStepStyle>

                    <stepProgressBar:StepStyle MarkerSize="50" MarkerContentSize="20" FontSize="14"  MarkerFillColor="{StaticResource Gray-300}" x:TypeArguments="stepProgressBar:NotStartedStepState" />

                </stepProgressBar:SfStepProgressBar.NotStartedStepStyle>

                <stepProgressBar:SfStepProgressBar.InProgressStepStyle>

                    <stepProgressBar:StepStyle MarkerSize="50" MarkerContentSize="20" FontSize="14" x:TypeArguments="stepProgressBar:InProgressStepState" ProgressLineColor="{StaticResource BlueColor}" MarkerFillColor="{StaticResource BlueColor}"/>

                </stepProgressBar:SfStepProgressBar.InProgressStepStyle>

                <stepProgressBar:SfStepProgressBar.CompletedStepStyle>

                    <stepProgressBar:StepStyle FontAttributes="Bold" MarkerContentType="None" MarkerSize="50" MarkerContentSize="25" FontSize="14" x:TypeArguments="stepProgressBar:CompletedStepState" MarkerStrokeColor="{StaticResource RedColor}" ProgressLineColor="{StaticResource RedColor}"  MarkerFillColor="{StaticResource RedColor }"/>

                </stepProgressBar:SfStepProgressBar.CompletedStepStyle>

                <stepProgressBar:StepView PrimaryText="{extensions:Translate Category}" >

                    <stepProgressBar:StepView.ImageSource>

                        <FontImageSource Glyph="{x:Static local:SyncFusionFont.CategoryWf}" 

                        FontFamily="{ DynamicResource wt }" 

                                             />

                    </stepProgressBar:StepView.ImageSource>

                </stepProgressBar:StepView>

                <stepProgressBar:StepView PrimaryText="{extensions:Translate Specialities}">

                    <stepProgressBar:StepView.ImageSource>

                        <FontImageSource Glyph="{x:Static local:SyncFusionFont.ViewWf}" 

                        FontFamily="{ DynamicResource wt }" 

                                             />

                    </stepProgressBar:StepView.ImageSource>

                </stepProgressBar:StepView>

                <stepProgressBar:StepView PrimaryText="{extensions:Translate Superpowers}">

                    <stepProgressBar:StepView.ImageSource>

                        <FontImageSource Glyph="{x:Static local:SyncFusionFont.Cape01Wf}" 

                        FontFamily="{ DynamicResource wt }" 

                                             />

                    </stepProgressBar:StepView.ImageSource>

                </stepProgressBar:StepView>

                <stepProgressBar:StepView PrimaryText="{extensions:Translate Custom Tip}" Status="Completed">

                        <stepProgressBar:StepView.ImageSource>

                            <FontImageSource Glyph="{x:Static local:SyncFusionFont.Bonus01Wf}" 

                        FontFamily="{ DynamicResource wt }" 

                                             />

                        </stepProgressBar:StepView.ImageSource>

                    </stepProgressBar:StepView>

            </stepProgressBar:SfStepProgressBar>

[Devaraj Sekar]

  

Hi Alexis, 

Thank you for contacting Syncfusion support. 

As analyzed from the provided information, the mentioned issue with “Image source does not fit in center in StepView” works as expected from our side. 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/StepSample-1515391951.zip  

Sample Screenshot: 

 

Kindly provide the detailed information about the issue reproducing scenario such as design layout, Xamarin forms version used at your end, which will be helpful for us to provide a prompt solution at earliest. 

Regards, 

Devaraj S