Adding RTL Support to Your PDF in Xamarin | Syncfusion Blogs
Live Chat Icon For mobile
Live Chat Icon
Popular Categories.NET  (173).NET Core  (29).NET MAUI  (203)Angular  (107)ASP.NET  (51)ASP.NET Core  (82)ASP.NET MVC  (89)Azure  (40)Black Friday Deal  (1)Blazor  (211)BoldSign  (13)DocIO  (24)Essential JS 2  (106)Essential Studio  (200)File Formats  (65)Flutter  (132)JavaScript  (219)Microsoft  (118)PDF  (81)Python  (1)React  (98)Streamlit  (1)Succinctly series  (131)Syncfusion  (897)TypeScript  (33)Uno Platform  (3)UWP  (4)Vue  (45)Webinar  (50)Windows Forms  (61)WinUI  (68)WPF  (157)Xamarin  (161)XlsIO  (35)Other CategoriesBarcode  (5)BI  (29)Bold BI  (8)Bold Reports  (2)Build conference  (8)Business intelligence  (55)Button  (4)C#  (146)Chart  (127)Cloud  (15)Company  (443)Dashboard  (8)Data Science  (3)Data Validation  (8)DataGrid  (63)Development  (618)Doc  (8)DockingManager  (1)eBook  (99)Enterprise  (22)Entity Framework  (5)Essential Tools  (14)Excel  (39)Extensions  (22)File Manager  (6)Gantt  (18)Gauge  (12)Git  (5)Grid  (31)HTML  (13)Installer  (2)Knockout  (2)Language  (1)LINQPad  (1)Linux  (2)M-Commerce  (1)Metro Studio  (11)Mobile  (501)Mobile MVC  (9)OLAP server  (1)Open source  (1)Orubase  (12)Partners  (21)PDF viewer  (42)Performance  (12)PHP  (2)PivotGrid  (4)Predictive Analytics  (6)Report Server  (3)Reporting  (10)Reporting / Back Office  (11)Rich Text Editor  (12)Road Map  (12)Scheduler  (52)Security  (3)SfDataGrid  (9)Silverlight  (21)Sneak Peek  (31)Solution Services  (4)Spreadsheet  (11)SQL  (10)Stock Chart  (1)Surface  (4)Tablets  (5)Theme  (12)Tips and Tricks  (112)UI  (381)Uncategorized  (68)Unix  (2)User interface  (68)Visual State Manager  (2)Visual Studio  (31)Visual Studio Code  (17)Web  (582)What's new  (323)Windows 8  (19)Windows App  (2)Windows Phone  (15)Windows Phone 7  (9)WinRT  (26)

Adding RTL Support to Your PDF in Xamarin

Syncfusion Essential PDF is a .NET PDF library from the Essential Studio 2018 Volume 2 release (16.2) that can be used to draw right-to-left (RTL) and bi-directional (Bidi) text in a PDF document.

Say goodbye to tedious PDF tasks and hello to effortless document processing with Syncfusion's PDF Library.

What is right-to-left support?

In a right-to-left script, writing starts from the right side of the PDF page and continues to the left. The most commonly used RTL scripts are Arabic, Hebrew, Persian, and Urdu.

مرحبا بالعالم

There are also languages which have more than one script and can be written either right-to-left or left-to-right, such as Sindhi or Kurdish.

What is bi-directional support?

Bi-directional text contains both right-to-left and left-to-right formats. For instance, a line may contain both Arabic and English texts. As you might imagine, there are several possibilities when dealing with Bidi text. Arabic text is written from right-to-left, but numbers are generally written left-to-right.

هناك 10 تفاحات

Adding RTL support to your PDF

While this post deals with the overall understanding of right-to-left, left-to-right, and bi-directional text, a little bit of code can help to understand how things works in the PDF.

  1. Create a cross-platform app in Xamarin.Forms.
  2. Select the Blank App template and the .NET Standard option under Code Sharing Strategy.

  3. Add the Syncfusion.Xamarin.PDF NuGet packages as a reference to the .Net Standard project in your Xamarin application.
  4. Since the PDF standard font does not support Unicode character, you will need to add the TrueType font file to the assets folder in the .NET Standard project. Right click the font, select properties, and set its build action as embedded resource.
  5. Add a button in the MainPage.xaml file.
    <?xml version="1.0" encoding="utf-8"?>
    <ContentPage font-weight: bold;">
    
        //xamarin.com/schemas/2014/forms"
        >:x="http://schemas.microsoft.com/winfx/2009/xaml"
        >:local="clr-namespace:RTLSample"
        x:Class="RTLSample.MainPage">
        <StackLayout Padding="10">
           <Label x:Name="Content_heading" Text="Right-to-left text in PDF" FontSize="Large" FontAttributes="Bold" HorizontalOptions="Center" VerticalOptions="Center"></Label>
           <Label x:Name="Content_1" Text="This sample demonstrates how to add RTL text in the PDF document." FontSize="Medium" VerticalOptions="Center"></Label>
           <Button x:Name="btnGenerate" Text="Generate PDF" HorizontalOptions="Center" VerticalOptions="Center"></Button>
        </StackLayout>
    </ContentPage>
  6. Add the following code with the onButtonClicked method in the MainPage.xaml.cs file.
    //Create a new PDF document.
    PdfDocument document = new PdfDocument();
    
    //Add a new PDF page.
    PdfPage page = document.Pages.Add();
    
    //Load font.
    Stream fontStream = typeof(App).GetTypeInfo().Assembly.GetManifestResourceStream("RTLDemo.Assets.arial.ttf");
    
    //Create PDF TrueType font.
    PdfFont pdfFont = new PdfTrueTypeFont(fontStream, 12);
    
    //String format 
    PdfStringFormat format = new PdfStringFormat();
    
    //Set the format as right to left.
    format.TextDirection = PdfTextDirection.RightToLeft;
    
    //Set the alignment.
    format.Alignment = PdfTextAlignment.Right;
    
    SizeF pageSize = page.GetClientSize();
    
    page.Graphics.DrawString("مرحبا بالعالم!", pdfFont, PdfBrushes.Black, new Syncfusion.Drawing.RectangleF(0, 0, pageSize.Width, pageSize.Height), format);
    MemoryStream ms = new MemoryStream();
    
    //Save the document.
    document.Save(ms);
    
    //Close the document 
    document.Close(true);
    
    ms.Position = 0;
    
    if (Device.OS == TargetPlatform.WinPhone || Device.OS == TargetPlatform.Windows)
        Xamarin.Forms.DependencyService.Get<ISaveWindowsPhone>().Save("RTLText.pdf", "application/pdf", ms);
    else
        Xamarin.Forms.DependencyService.Get<ISave>().Save("RTLText.pdf", "application/pdf", ms);
    

GitHub reference

You can find the sample for adding RTL text to PDF in the GitHub repository.

Join thousands of developers who rely on Syncfusion for their PDF needs. Experience the difference today!

Wrapping up

Your application now supports generating a PDF with RTL and Bidi texts using Essential PDF. Take a moment to peruse the documentation, where you’ll find other options and features, all with accompanying code examples.

If you are new to our PDF library, it is highly recommended that you follow our Getting Started guide.

If you’re already a Syncfusion user, you can download the product setup here. If you’re not yet a Syncfusion user, you can download a free, 30-day trial here.

If you have any questions or require clarifications about these features, please let us know in the comments below. You can also contact us through our support forum or Direct-Trac. We are happy to assist you!

If you like this blog post, we think you’ll also like the following free e-books:

Tags:

Share this post:

Comments (3)

and this is how to set that for DataGridPdfExport:

DataGridPdfExportingController pdfExport = new DataGridPdfExportingController();
MemoryStream stream = new MemoryStream();
PdfDocument pdfDocument = new PdfDocument();
var pdfDoc = new PdfDocument();
PdfPage page = pdfDoc.Pages.Add();
var exportToPdfGrid = pdfExport.ExportToPdfGrid(datagridInvoices,
datagridInvoices.View, new DataGridPdfExportOption()
{
FitAllColumnsInOnePage = true,

}, pdfDoc);
//PdfLayoutFormat
PdfLayoutFormat layoutFormat = new PdfLayoutFormat();
//exportToPdfGrid Cell Style
Syncfusion.Pdf.Grid.PdfGridCellStyle pdfgs = new Syncfusion.Pdf.Grid.PdfGridCellStyle();
//Load font.
Stream fontStream = typeof(App).GetTypeInfo().Assembly.GetManifestResourceStream(“MBxAPP.Portable.Assets.IRANSansMonoSpacedNum.ttf”);
//Create PDF TrueType font.
PdfFont pdfFont = new PdfTrueTypeFont(fontStream, 12);
//set exportToPdfGridCellStyle Font
pdfgs.Font = pdfFont;
//define PdfStringFormat
PdfStringFormat textFormat = new PdfStringFormat();
//Set the format as right to left.
textFormat.TextDirection = PdfTextDirection.RightToLeft;

//Set the alignment.
textFormat.Alignment = PdfTextAlignment.Right;
//Set data cells Format and Style
for (int i = 0; i < exportToPdfGrid.Rows.Count; i++)
{
for (int j = 0; j < exportToPdfGrid.Columns.Count; j++)
{
exportToPdfGrid.Rows[i].Cells[j].StringFormat = textFormat;
exportToPdfGrid.Rows[i].Cells[j].Style = pdfgs;
}
}
//Set header cells Format and Style
for (int i = 0; i < exportToPdfGrid.Headers.Count; i++)
{
exportToPdfGrid.Headers[i].Cells[0].StringFormat = textFormat;
exportToPdfGrid.Headers[i].Cells[0].Style = pdfgs;
}
exportToPdfGrid.Draw(page, new PointF(10, 10), layoutFormat);

Update :
Edit these lines to fix header Problem
//Set header cells Format and Style
for (int i = 0; i < exportToPdfGrid.Columns.Count; i++)
{
exportToPdfGrid.Headers[0].Cells[i].StringFormat = textFormat;
exportToPdfGrid.Headers[0].Cells[i].Style = pdfgs;
}

Hi OMID,

Thanks for your update.

Your solution is the one of the way to provide the RTL support for cells when exporting datagrid to PDF. But, you can reduce the exporting time by customizing properties of each PdfCell when exporting it using CellExporting event. This will avoid re-iteration of the rows and columns after exporting datagrid to PdfGrid. The following KB illustrates the same,
https://www.syncfusion.com/kb/11198/how-to-export-middle-eastern-languages-arabic-hebrew-from-xamarin-forms-datagrid-sfdatagrid

In the above KB, we have documented about retaining the middle eastern language. You can also set the necessary styling for PdfCell.

More reference links
https://help.syncfusion.com/xamarin/datagrid/export-to-pdf#customize-the-cells-based-on-column-name
https://help.syncfusion.com/xamarin/datagrid/export-to-pdf#exporting-images-to-pdf-document

Regards,
Chinnu M

Comments are closed.

Popular Now

Be the first to get updates

Subscribe RSS feed

Be the first to get updates

Subscribe RSS feed