How to center align the Expander Header Text in Xamarin.Forms (SfExpander)

[Taahir]

Hi,

SfExpander text alignment is not centering on Android but it centers on UWP and IOS. The HorizontalTextAlignment is set to center as follows: 

Please see below for examples

UWP:

Android:

Please see attached demo project for example on the second page of the rotator. 

Any assistance would be greatly appreciated.

Attachment: SfExpander_88dea701.rar

[Gnana Priya Namasivayam]

Hi Taahir, 

  

We have checked the reported query from our side. We would like to inform you that the reported issue gets replicated when the label is loaded directly inside the ContentView. We directly inherited from native views and we didn't handle alignment related changes. You can overcome this issue by adding the label inside any of the containers like Grid in the following code snippet. 

  

<expander:SfExpander HeaderIconPosition="End" BackgroundColor="#FFFFFF" HeaderBackgroundColor="#FFFFFF" AnimationDuration="200" IsExpanded="True"> 

   <expander:SfExpander.Header> 

      <Grid> 

         <Label Text="Header Details" FontSize="16" VerticalTextAlignment="Center" HorizontalTextAlignment="Center"/> 

      </Grid> 

   </expander:SfExpander.Header> 

   <expander:SfExpander.Content> 

      <Grid> 

         <Label Text="Content Details" FontSize="16" VerticalTextAlignment="Center" HorizontalTextAlignment="Center"/> 

      </Grid> 

   </expander:SfExpander.Content> 

</expander:SfExpander> 

  

We hope this helps. Please let us know if you require any further assistance. 

  

Regards, 

Gnana Priya N 

[Taahir]

Hi,

Thank you very much. This does resolve the issue. 

[Gnana Priya Namasivayam]

Hi Taahir,

Thanks for the update.

We are glad that the reported issue has been resolved. 

Regards,

Gnana Priya N