Align checkbox on top if the text wrap on another line

[Sébastien]

Is it possible to align the checkbox to the top of the text if the the text wrap on many lines ?

This is the settings that I apply on my                             

                                    SfCheckBox sfCheckBox = new SfCheckBox();

                                    sfCheckBox.StateChanged += this.SfCheckBoxOnStateChanged;

                                    

                                    examResult.QuestionResults.Add(new QuestionResult{ ChoiceId = r.Id, Response = false });

                                    

                                    sfCheckBox.Text = string.Format($"{r.ResponseChoice}");

                                    sfCheckBox.BindingContext = r;

                                    sfCheckBox.CornerRadius = 3.0;

                                    sfCheckBox.LineBreakMode = LineBreakMode.WordWrap;

                                    sfCheckBox.Padding = new Thickness(0, 0, 0, 20);

                                    questionPage.Children.Add(sfCheckBox);

Here the result :

Thank you,

[Devakumar Dhanapoosanam]

Hi Sebastien, 

 

Greetings from Syncfusion. 

 

We have analyzed your requirement and would like to let you know that there is no direct support to achieve your requirement using the SfCheckbox.  

 

Please let us know if you need any further assistance. 

 

Regards, 

Devakumar D 

[Suranyi Balazs]

Hi

Has any progress been made on the request?

Thank you

[Devakumar Dhanapoosanam]

Hi Suranyi, 

 

As we said earlier there is no direct support to achieve your requirement using the SfCheckBox.  

 

However we have achieved your requirement using a workaround adding the SfCheckBox inside Stacklayout. Please refer the below code example.  

 

<StackLayout Orientation="Horizontal"> 

    <buttons:SfCheckBox x:Name="checkBox" IsChecked="False" VerticalOptions="Start"/> 

    <Label Text="I agree to the terms of services for this site I agree to the terms of services for …" 

           LineBreakMode="WordWrap" TextColor="Black"> 

        <Label.GestureRecognizers> 

            <TapGestureRecognizer NumberOfTapsRequired="1" 

                                  Tapped="TapGestureRecognizer_Tapped"/> 

        </Label.GestureRecognizers> 

    </Label> 

</StackLayout> 

 

private void TapGestureRecognizer_Tapped(object sender, EventArgs e) 

{ 

    if (checkBox.IsChecked != null) 

    { 

        checkBox.IsChecked = !checkBox.IsChecked; 

    } 

} 

 

Sample: https://www.syncfusion.com/downloads/support/forum/152091/ze/152091-211771113.zip  

 

Output: 

 

 

Please let us know if you need any further assistance on this. 

 

Regards, 

Devakumar D 

[Suranyi Balazs]

Hi,

Thank you :)

Regards,

Balázs

[Preethi Raju]

Hi Balázs, 

  

You are welcome. Please let us know if you require any further assistance. 

  

Regards, 

Preethi.