We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to create a PDF document using flow layout model in UWP

Platform: UWP |
Control: Pdf |
Published Date: November 19, 2018 |
Last Revised Date: April 25, 2019
Tags: pdf, text, flow-layout

Syncfusion Essential PDF is the UWP PDF library used to create, read, and edit PDF documents. Using this library, you can create a PDF document using flow layout model in UWP platform.

Steps to draw the flow layout text in a PDF document programmatically:

  1. Create a new UWP application project. flow-layout
  2. Install the Syncfusion.Pdf.UWP NuGet package as reference to your UWP applications from NuGet.org. flow-layout-nuget
  3. In the MainPage.xaml, add a new button as follows.
        Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
            <Button x:Name="btn" Content="Generate PDF" Click="OnButtonClick" HorizontalAlignment="Center" VerticalAlignment="Center"></Button>


  1. Include the following namespaces in the MainPage.xaml.cs file.
    using Syncfusion.Pdf;
    using Syncfusion.Pdf.Graphics;


  1. Include the following code snippet in the click event of the button in MainPage.xaml.cs to draw the flow layout text in a PDF document and save it in a stream.
    //Create a new PDF document
    PdfDocument document = new PdfDocument();
    //Add a new PDF page
    PdfPage page = document.Pages.Add();
    //Get the page size
    SizeF pageSize = page.GetClientSize();
    //Create a new PDF font
    PdfFont font = new PdfStandardFont(PdfFontFamily.Helvetica, 18, PdfFontStyle.Bold);
    //Create a new PdfTextElement instance
    PdfTextElement element = new PdfTextElement("Adventure Works Cycles", font, PdfBrushes.Blue);
    //Set alignment
    element.StringFormat = new PdfStringFormat(PdfTextAlignment.Center);
    //Draw the text element to PDF
    PdfLayoutResult result = element.Draw(page, new RectangleF(new PointF(0, 0), pageSize));
    //Input text
    string text = @"Adventure Works Cycles, the fictitious company on which the AdventureWorks sample databases are based, is a large, multinational manufacturing company. The company manufactures and sells metal and composite bicycles to North American, European and Asian commercial markets. While its base operation is located in Bothell, Washington with 290 employees, several regional sales teams are located throughout their market base.";
    //Create new PDF font
    font = new PdfStandardFont(PdfFontFamily.Helvetica, 10, PdfFontStyle.Regular);
    //create text element
    element = new PdfTextElement(text, font);
    //Draw the text element based on the existing layout result
    result = element.Draw(page, new RectangleF(new PointF(0, result.Bounds.Bottom + 10), pageSize));
    //Get the image file as stream
    Stream imageStream = typeof(MainPage).GetTypeInfo().Assembly.GetManifestResourceStream("FlowLayoutSample.Assets.cycle.png");
    //Create new PdfBitmap instance 
    PdfBitmap image = new PdfBitmap(imageStream);
    //Draw the image to PDF
    result = image.Draw(page, new RectangleF(new PointF(135, result.Bounds.Bottom + 10), pageSize));
    text = @"In 2000, Adventure Works Cycles bought a small manufacturing plant, Importadores Neptuno, located in Mexico. Importadores Neptuno manufactures several critical subcomponents for the Adventure Works Cycles product line. These subcomponents are shipped to the Bothell location for final product assembly. In 2001, Importadores Neptuno, became the sole manufacturer and distributor of the touring bicycle product group.";
    //Create new text elemnt instance
    element = new PdfTextElement(text, font);
    //Draw the text element
    result = element.Draw(page, new RectangleF(new PointF(0, result.Bounds.Bottom + 10), pageSize));
    MemoryStream stream = new MemoryStream();
    //Save the PDF document
    //Close the PDF document
    //Save the PDF stream to physical file
    Save(stream, "output.pdf");


  1. Use the following helper method to save the stream as a physical file and open the file for viewing.
    #region Helper Methods
    public async void Save(Stream stream, string filename)
                stream.Position = 0;
                StorageFile stFile;
                if (!(Windows.Foundation.Metadata.ApiInformation.IsTypePresent("Windows.Phone.UI.Input.HardwareButtons")))
                    FileSavePicker savePicker = new FileSavePicker();
                    savePicker.DefaultFileExtension = ".pdf";
                    savePicker.SuggestedFileName = "Output";
                    savePicker.FileTypeChoices.Add("Adobe PDF Document", new List<string>() { ".pdf" });
                    stFile = await savePicker.PickSaveFileAsync();
                    StorageFolder local = Windows.Storage.ApplicationData.Current.LocalFolder;
                    stFile = await local.CreateFileAsync(filename, CreationCollisionOption.ReplaceExisting);
                if (stFile != null)
                    Windows.Storage.Streams.IRandomAccessStream fileStream = await stFile.OpenAsync(FileAccessMode.ReadWrite);
                    Stream st = fileStream.AsStreamForWrite();
                    st.Write((stream as MemoryStream).ToArray(), 0, (int)stream.Length);
                    MessageDialog msgDialog = new MessageDialog("Do you want to view the Document?", "File created.");
                    UICommand yesCmd = new UICommand("Yes");
                    UICommand noCmd = new UICommand("No");
                    IUICommand cmd = await msgDialog.ShowAsync();
                    if (cmd == yesCmd)
                        // Launch the retrieved file
                        bool success = await Windows.System.Launcher.LaunchFileAsync(stFile);


By executing the program, you will get the PDF document as follows. flow-layout-output

A complete working sample can be downloaded from FlowLayoutSample.zip

Take a moment to peruse the documentation, where you can find other options like drawing Unicode text,  RTL text, Complex script language text, ordered list and unordered list to the PDF document.

Refer here to explore the rich set of Syncfusion Essential PDF features.


Starting with v16.2.0.x, if you reference Syncfusion assemblies from trial setup or from the NuGet feed, include a license key in your projects. Refer to link to learn about generating and registering Syncfusion license key in your application to use the components without trail message.


2X faster development

The ultimate UWP UI toolkit to boost your development speed.
You must log in to leave a comment

Please sign in to access our KB

This page will automatically be redirected to the sign-in page in 10 seconds.

Up arrow icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon