Text getting cut off

Hey guys i made a qrbarcode with sfbarcode but have a problem with the text of the code being cut off. As im not that familiar with xamarin forms and sdBarcode can anybody tell me how i can make the text go on 2 lines ? i can fix the problem with making the font small but it is too hard to read like that.

    xmlns="http://xamarin.com/schemas/2014/forms"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:syncfusion="clr-namespace:Syncfusion.SfBarcode.XForms;assembly=Syncfusion.SfBarcode.XForms"
    xmlns:local="clr-namespace:BitNusa;"
    x:Class="MyQRPage.QRPage"
    Title="{Binding Title}"
    BackgroundColor="#EEEEEE">
   
       
           
            BackgroundColor="#EEEEEE"
            Padding="10"
            VerticalOptions="Start">
               
                Padding="0"
                HasShadow="true"
                OutlineColor="Silver"
                CornerRadius="5"
                BackgroundColor="White"
                Opacity="0.9"
                HorizontalOptions="FillAndExpand"
                VerticalOptions="FillAndExpand">
                   
                       
                        Text="{Binding Currency, StringFormat='My {0} Wallet Address'}"
                        HorizontalTextAlignment="End"
                        Margin="0,15,15,0">
                           
                               
                                x:TypeArguments="x:Double">
                                   
                                    Platform="iOS"
                                    Value="13" />
                               
                           
                       
                       
                        Text=""
                        Symbology="QRCode"
                        BackgroundColor="White"
                        Margin="15,0,15,15">
                           
                               
                               
                           
                       
                   
               
           
       
   

this is my code on the page with the qrcode code marked in red. i will attach an img with how it looks.

https://imgur.com/a/po683BT

1 Reply

KC Karthikeyan Chandrasekar Syncfusion Team July 9, 2018 11:37 AM UTC

Hi Angel, 
Thank you for your interest in Syncfusion Products. 
Currently we do not have support for wrapping the Barcode text for its bounds. As a workaround we can achieve this by using the below code snippet by adding additional label below the Barcode control. 

<syncfusion:SfBarcode x:Name="barcode" 
        Text="SomeLargeInputTextForQRCodeShouldBeGivenHere" 
        Symbology="QRCode" 
        BackgroundColor="White" 
        TextColor="Transparent" 
        Margin="15,0,15,15"> 
    <syncfusion:SfBarcode.SymbologySettings> 
        <syncfusion:QRBarcodeSettings XDimension="6"> 
        </syncfusion:QRBarcodeSettings> 
    </syncfusion:SfBarcode.SymbologySettings> 
</syncfusion:SfBarcode> 
 
<Label  
    Text="SomeLargeInputTextForQRCodeShouldBeGivenHere" 
    LineBreakMode="CharacterWrap"/> 

Please check this workaround and let us know if you have any concerns in this. 
Regards, 
Karthikeyan 


Loader.
Up arrow icon