justify text in label xamarin forms

Question

Am trying to justify text in Label Xamarin Forms but couldnt ,
how to justify the text (not styling justify only) same like a picture without using webview

I have attached my code but its justify left only

        string strText="MY LONG TEXT IS GOING HERE";

        var lblMSG = new Label {TextColor = Color.Black };

        lblMSG.Text=strText;
        lblMSG.LineBreakMode = LineBreakMode.WordWrap;
        lblMSG.HorizontalOptions = LayoutOptions.Fill;
        lblMSG.HorizontalTextAlignment = TextAlignment.Start;
        lblMSG.VerticalTextAlignment = TextAlignment.Center;
        StackLayout  stk=   new StackLayout { Children = { lblMSG}, BackgroundColor = Color.White ,HorizontalOptions =LayoutOptions.FillAndExpand }

Do you mean styling the text? If yes, you need to make it manually. — Danil Kurkin, Aug 19 '16 at 09:48
not styling only justifying - for styling I use FormattedString() — Medo Medo, Aug 19 '16 at 09:53
"lblMSG.HorizontalTextAlignment = TextAlignment.Start;" makes the text start from the left. Try changing it to TextAlignment.Center. — Richard Pike, Aug 19 '16 at 10:44

score 4 · Answer 1 · answered Aug 19 '16 at 17:04

4

Instead of using a label. I used a HtmlWebViewSource.

An example is below:

XAML:

 <StackLayout x:Name="webViewLayout"
    HorizontalOptions="FillAndExpand"
    VerticalOptions="FillAndExpand">
    <!-- view codebehind for WebView for overview text -->
 </StackLayout>

Code Behind of XAML (viewModel.Model.Content = strText in your case):

var browser = new WebView();
browser.HorizontalOptions = LayoutOptions.FillAndExpand;
browser.VerticalOptions = LayoutOptions.FillAndExpand;

var source = new HtmlWebViewSource();
var text = "<html>" +
        "<body  style=\"text-align: justify;\">" +
        String.Format("<p>{0}</p>", viewModel.Model.Content) +
        "</body>" +
        "</html>";
source.Html = text ;
browser.Source = source;
webViewLayout.Children.Add(browser);

answered Aug 19 '16 at 17:04

nishantvodoo

835
3
17
32

2

Simple, but effective. Thank you very much. – Paul Kertscher Dec 21 '16 at 10:28
In your given solution can i change the font ? i need "montserrat" font to my element without connecting to Internet please give me any solution or any idea? – nikhil Feb 06 '18 at 08:27
You need to add font file to your project and then it can be referenced. – nishantvodoo Feb 13 '18 at 06:12

score 1 · Answer 2 · answered Dec 27 '18 at 13:21

1

If the question is about stretching the multi-line text to full width (text must touch left and right sides of the block), you can use platform renderer. See this reply.

answered Dec 27 '18 at 13:21

Maxim Saplin

4,115
38
29

justify text in label xamarin forms

2 Answers2