Xamarin Vertical align a Label within a Grid Cell

Some people have had trouble vertical aligning text tot he center of a Xamarin Foms Grid Cell, the answer is to add three simple attributes.

The Fix:

Apply the following to the Label in question and it should center vertically within the cell:

Center the Label horizontally:

HorizontalOptions = LayoutOptions.Center

Center the Label vertically:

VerticalOptions = LayoutOptions.FillAndExpand

Center the Label Text vertically:

VerticalTextAlignment = TextAlignment.Center

And that's it, the Label should now vertically align to the center of its parent.

Note: Xamarin has recently replaced YAlign with VerticalTextAlignment, so keep an eye out for that.


Published at

Tags: Xamarin

Luke Alderton

Comments

Post a comment
Sit tight...
We're adding your comment.
Thank you.
Your comment has been added.
There's been a problem.
Please try again later.
Share with
Tags
Latest Comments
By Luke Alderton on Replacing the Xamarin Header/Navigation bar with a custom view/template
17 Jan 2018, 15:30 PM
By Luke Alderton on My experience at Umbraco UK Festival 2017
17 Jan 2018, 14:51 PM
By Victor La Fortuna on Solved: 'Debug/ibTool/LaunchScreen.storyboardc/Info.plist does not exist' Xamarin
10 Jan 2018, 14:32 PM
By Jose Luis on Replacing the Xamarin Header/Navigation bar with a custom view/template
7 Jan 2018, 11:06 AM
By Chris Howarth on My experience at Umbraco UK Festival 2017
28 Dec 2017, 10:32 AM
By Luke Alderton on Xamarin forms - Stop/Cancel back button event
20 Dec 2017, 05:49 AM
By Antony on Xamarin forms - Stop/Cancel back button event
18 Dec 2017, 11:19 AM
By dipbleds on Raspberry Pi - Bluetooth using Bluecove on Raspbian
12 Dec 2017, 21:29 PM
Categories
App Development
Event
Game Development
Mapping
Modelling
Programming
Review
Robotics
Tutorial
Web Development