How to Center 2 labels on 1 grid row

Question

How to Center 2 labels on 1 grid row

Hoobie 6

Hi,
I want to center 2 labels (first one is an icon, second one is a data field) on 1 single row. Could anyone please advice how to achieve this so the icon + the data is horizontal centered on the phone
I added a code snippet from my existing code

Could someone please give me some guidance or small example , thanks a lot

Kris

Answer 1

Cole Xia (Shanghai Wicresoft Co,.Ltd.) 6,726

Hello,

Welcome to Microsoft Q&A!

Set VerticalTextAlignment="End" on the first label .

Set VerticalTextAlignment="Center" on the second label .

My test

If the response is helpful, please click "Accept Answer" and upvote it.
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Hoobie 6 Reputation points

2021-04-16T06:31:33.253+00:00

Hi,

Probably I was not very clear in my explanation, sorry for that.
I included a screenshot of the result I would like to have, hope that will make things clear.

Cole Xia (Shanghai Wicresoft Co,.Ltd.) 6,726

Sorry , I misunderstood .

You can place the two label into StackLayout , and set its HorizontalOptions as Center .

   <StackLayout Orientation="Horizontal" BackgroundColor="Red" HorizontalOptions="Center" Grid.ColumnSpan="2">  
               <Label Text="&#xf2b9;"  FontAttributes="Bold" FontSize="20" VerticalTextAlignment="End"  HorizontalTextAlignment="End" FontFamily="a"/>  
               <Label Text="djiaiadhh" VerticalTextAlignment="Center" FontSize="20"  HorizontalTextAlignment="Start" />  
           </StackLayout>

Hoobie 6 Reputation points

2021-04-16T07:51:18.21+00:00

Great! Thanks a lot that really helped me out, but actually it was too easy for not seeing this myself...
Cole Xia (Shanghai Wicresoft Co,.Ltd.) 6,726 Reputation points

2021-04-21T08:09:17.01+00:00

Ok, that is fine, if you have other question please let me know.
Cole Xia (Shanghai Wicresoft Co,.Ltd.) 6,726 Reputation points

2021-04-27T03:16:23.967+00:00

May I know whether your issue has been solved or not? If not, please share it in here. We can work together to figure it out.

How to Center 2 labels on 1 grid row

1 answer

Activity