Xamarin.Forms | ComponentOne
Controls / FlexViewer / Features / Appearance
In This Topic
    Appearance
    In This Topic

    Although Xamarin controls match the native controls on all three platforms by default and are designed to work with both, light and dark, themes available on all platforms. But, there are several properties specific to the FlexViewer control which can be used to customize the appearance of the  loaded document and the area around it. The FlexViewer class provides the following set of properties that can be used to change the overall look and feel of the document:

    The following image shows FlexViewer with the customized appearance.

    To change the appearance of the loaded PDF document, use the following code. This example uses the sample code created in Quick Start section.

    C#
    Copy Code
    //Set background color for area of the page
    flexViewer.BackgroundColor= Color.LightSteelBlue;
    
    //Fills the page content with color
    flexViewer.PageBackgroundColor = Color.White;
    
    //Color the page border
    flexViewer.PageBorderColor = Color.Blue;
    
    //Set padding between the pages and preview window edges
    flexViewer.Padding = new Thickness(20, 20, 20, 20);
    
    //Set padding between the pages in preview
    flexViewer.PageSpacing = 5;