menu

Xamarin.Forms

  • Code Examples
  • Upgrade Guide
  • User Guide
  • Demos
  • Support
  • Forums
  • Download
Class PopupStyle - Xamarin.Forms API Reference | Syncfusion

    Show / Hide Table of Contents

    Class PopupStyle

    Represents the style of SfPopupLayout.

    Inheritance
    System.Object
    PopupStyle
    Namespace: Syncfusion.XForms.PopupLayout
    Assembly: Syncfusion.SfPopupLayout.XForms.dll
    Syntax
    public class PopupStyle : Element, IThemeElement

    Constructors

    PopupStyle()

    Initializes a new instance of the PopupStyle class.

    Declaration
    public PopupStyle()

    Fields

    AcceptButtonBackgroundColorProperty

    Identifies the AcceptButtonBackgroundColor Xamarin.Forms.BindableProperty.

    Declaration
    public static readonly BindableProperty AcceptButtonBackgroundColorProperty
    Field Value
    Type
    Xamarin.Forms.BindableProperty

    AcceptButtonTextColorProperty

    Identifies the AcceptButtonTextColor Xamarin.Forms.BindableProperty.

    Declaration
    public static readonly BindableProperty AcceptButtonTextColorProperty
    Field Value
    Type
    Xamarin.Forms.BindableProperty

    BlurIntensityProperty

    Identifies the BlurIntensity Xamarin.Forms.BindableProperty.

    Declaration
    public static readonly BindableProperty BlurIntensityProperty
    Field Value
    Type
    Xamarin.Forms.BindableProperty

    BlurRadiusProperty

    Identifies the BlurRadius Xamarin.Forms.BindableProperty.

    Declaration
    public static readonly BindableProperty BlurRadiusProperty
    Field Value
    Type
    Xamarin.Forms.BindableProperty

    BorderColorProperty

    Identifies the BorderColor Xamarin.Forms.BindableProperty.

    Declaration
    public static readonly BindableProperty BorderColorProperty
    Field Value
    Type
    Xamarin.Forms.BindableProperty

    ContentBackgroundColorProperty

    Identifies the Syncfusion.XForms.PopupLayout.PopupStyle.ContentBackgroundColor Xamarin.Forms.BindableProperty.

    Declaration
    public static readonly BindableProperty ContentBackgroundColorProperty
    Field Value
    Type
    Xamarin.Forms.BindableProperty

    ContentTextColorProperty

    Identifies the Syncfusion.XForms.PopupLayout.PopupStyle.ContentTextColor Xamarin.Forms.BindableProperty.

    Declaration
    public static readonly BindableProperty ContentTextColorProperty
    Field Value
    Type
    Xamarin.Forms.BindableProperty

    DeclineButtonBackgroundColorProperty

    Identifies the DeclineButtonBackgroundColor Xamarin.Forms.BindableProperty.

    Declaration
    public static readonly BindableProperty DeclineButtonBackgroundColorProperty
    Field Value
    Type
    Xamarin.Forms.BindableProperty

    DeclineButtonTextColorProperty

    Identifies the DeclineButtonTextColor Xamarin.Forms.BindableProperty.

    Declaration
    public static readonly BindableProperty DeclineButtonTextColorProperty
    Field Value
    Type
    Xamarin.Forms.BindableProperty

    FooterBackgroundColorProperty

    Identifies the FooterBackgroundColor Xamarin.Forms.BindableProperty.

    Declaration
    public static readonly BindableProperty FooterBackgroundColorProperty
    Field Value
    Type
    Xamarin.Forms.BindableProperty

    HeaderBackgroundColorProperty

    Identifies the HeaderBackgroundColor Xamarin.Forms.BindableProperty.

    Declaration
    public static readonly BindableProperty HeaderBackgroundColorProperty
    Field Value
    Type
    Xamarin.Forms.BindableProperty

    HeaderTextColorProperty

    Identifies the HeaderTextColor Xamarin.Forms.BindableProperty.

    Declaration
    public static readonly BindableProperty HeaderTextColorProperty
    Field Value
    Type
    Xamarin.Forms.BindableProperty

    OverlayColorProperty

    Identifies the OverlayColor Xamarin.Forms.BindableProperty.

    Declaration
    public static readonly BindableProperty OverlayColorProperty
    Field Value
    Type
    Xamarin.Forms.BindableProperty

    OverlayOpacityProperty

    Identifies the OverlayOpacity Xamarin.Forms.BindableProperty.

    Declaration
    public static readonly BindableProperty OverlayOpacityProperty
    Field Value
    Type
    Xamarin.Forms.BindableProperty

    ShowSeparatorProperty

    Identifies the ShowSeparator Xamarin.Forms.BindableProperty.

    Declaration
    public static readonly BindableProperty ShowSeparatorProperty
    Field Value
    Type
    Xamarin.Forms.BindableProperty

    Properties

    AcceptButtonBackgroundColor

    Gets or sets the background color of accept button in the footer.

    Declaration
    public Color AcceptButtonBackgroundColor { get; set; }
    Property Value
    Type
    Xamarin.Forms.Color
    Examples
    using Syncfusion.XForms.PopupLayout;
    using System;
    using Xamarin.Forms;
    
    namespace SfPopupGettingStarted
    {
        public partial class MainPage : ContentPage
        {
            SfPopupLayout popupLayout;
            public MainPage()
            {
                InitializeComponent();
                popupLayout = new SfPopupLayout();
                var layout = new StackLayout();
                var clickToShowPopup = new Button()
                {
                    Text = "ClickToShowPopup",
                    VerticalOptions = LayoutOptions.Start,
                    HorizontalOptions = LayoutOptions.FillAndExpand
                };
                layout.Children.Add(clickToShowPopup);
                Content = popupLayout;
                popupLayout.Content = layout;
                clickToShowPopup.Clicked += ClickToShowPopup_Clicked;
                popupLayout.PopupView.PopupStyle.AcceptButtonBackgroundColor = Color.Green;
            }
            private void ClickToShowPopup_Clicked(object sender, EventArgs e)
            {
                popupLayout.Show();
            }
        }
    }
    <?xml version="1.0" encoding="utf-8" ?>
    <ContentPage xmlns = "http://xamarin.com/schemas/2014/forms"
                 xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
                 xmlns:local="clr-namespace:SfPopupGettingStarted"
                 xmlns:sfPopup="clr-namespace:Syncfusion.XForms.PopupLayout;assembly=Syncfusion.SfPopupLayout.XForms"
                 x:Class="SfPopupGettingStarted.MainPage">
        <sfPopup:SfPopupLayout x:Name="popupLayout">
            <sfPopup:SfPopupLayout.PopupView>
                <sfPopup:PopupView>
                    <sfPopup:PopupView.PopupStyle>
                        <sfPopup:PopupStyle  AcceptButtonBackgroundColor="Green"/>
                    </sfPopup:PopupView.PopupStyle>
                </sfPopup:PopupView>
            </sfPopup:SfPopupLayout.PopupView>
            <sfPopup:SfPopupLayout.Content>
                <StackLayout x:Name="layout">
                    <Button x:Name="clickToShowPopup" Text="ClickToShowPopup" VerticalOptions="Start" HorizontalOptions="FillAndExpand" Clicked="ClickToShowPopup_Clicked"/>
                </StackLayout>
            </sfPopup:SfPopupLayout.Content>
        </sfPopup:SfPopupLayout>
    </ContentPage>

    AcceptButtonTextColor

    Gets or sets the foreground color of accept button in the footer.

    Declaration
    public Color AcceptButtonTextColor { get; set; }
    Property Value
    Type
    Xamarin.Forms.Color
    Examples

    The following code example demonstrates how to set the Accept button text Color for the PopupView.

    using Syncfusion.XForms.PopupLayout;
    using System;
    using Xamarin.Forms;
    

    namespace SfPopupGettingStarted { public partial class MainPage : ContentPage {
    SfPopupLayout popupLayout; public MainPage() { InitializeComponent(); popupLayout = new SfPopupLayout(); var layout = new StackLayout(); var clickToShowPopup = new Button() { Text = "ClickToShowPopup", VerticalOptions = LayoutOptions.Start, HorizontalOptions = LayoutOptions.FillAndExpand }; layout.Children.Add(clickToShowPopup); Content = popupLayout; popupLayout.Content = layout; clickToShowPopup.Clicked += ClickToShowPopup_Clicked; popupLayout.PopupView.PopupStyle.AcceptButtonTextColor = Color.Red; } private void ClickToShowPopup_Clicked(object sender, EventArgs e) { popupLayout.Show(); } } }

    <?xml version="1.0" encoding="utf-8" ?>
    <ContentPage xmlns = "http://xamarin.com/schemas/2014/forms"
                 xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
                 xmlns:local="clr-namespace:SfPopupGettingStarted"
                 xmlns:sfPopup="clr-namespace:Syncfusion.XForms.PopupLayout;assembly=Syncfusion.SfPopupLayout.XForms"
                 x:Class="SfPopupGettingStarted.MainPage">
        <sfPopup:SfPopupLayout x:Name="popupLayout">
            <sfPopup:SfPopupLayout.PopupView>
                <sfPopup:PopupView>
                    <sfPopup:PopupView.PopupStyle>
                        <sfPopup:PopupStyle  AcceptButtonTextColor="Red"/>
                    </sfPopup:PopupView.PopupStyle>
                </sfPopup:PopupView>
            </sfPopup:SfPopupLayout.PopupView>
            <sfPopup:SfPopupLayout.Content>
                <StackLayout x:Name="layout">
                    <Button x:Name="clickToShowPopup" Text="ClickToShowPopup" VerticalOptions="Start" HorizontalOptions="FillAndExpand" Clicked="ClickToShowPopup_Clicked"/>
                </StackLayout>
            </sfPopup:SfPopupLayout.Content>
        </sfPopup:SfPopupLayout>
    </ContentPage>

    BlurIntensity

    Gets or sets a value that indicates the intensity of the blur effect in the overlay.

    Declaration
    public BlurIntensity BlurIntensity { get; set; }
    Property Value
    Type Description
    BlurIntensity

    The type of blur style.

    Examples

    The following code example demonstrates how to set blur style.

    using Syncfusion.XForms.PopupLayout;
    using System;
    using Xamarin.Forms;
    

    namespace GettingStarted { public partial class MainPage : ContentPage { SfPopupLayout popupLayout;
    public MainPage() { InitializeComponent(); popupLayout = new SfPopupLayout(); popupLayout.OverlayMode = OverlayMode.Blur; popupLayout.PopupView.PopupStyle.OverlayOpacity = 0;
    popupLayout.PopupView.PopupStyle.BlurIntensity = BlurIntensity.ExtraLight; var layout = new StackLayout(); var clickToShowPopup = new Button() { Text = "ClickToShowPopup", VerticalOptions = LayoutOptions.Start, HorizontalOptions = LayoutOptions.FillAndExpand }; layout.Children.Add(clickToShowPopup); var boxView = new BoxView(); boxView.BackgroundColor = Color.Red; popupLayout.BlurView = boxView; layout.Children.Add(boxView); Content = popupLayout; popupLayout.Content = layout; clickToShowPopup.Clicked += ClickToShowPopup_Clicked; } private void ClickToShowPopup_Clicked(object sender, EventArgs e) { popupLayout.Show(); } } }

    <?xml version = "1.0" encoding="utf-8" ?>
    <ContentPage xmlns = "http://xamarin.com/schemas/2014/forms"
                 xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
                 xmlns:local="clr-namespace:GettingStarted"
                 x:Class="GettingStarted.MainPage" 
                 Padding="0,40,0,0"
                 xmlns:sfPopup="clr-namespace:Syncfusion.XForms.PopupLayout;assembly=Syncfusion.SfPopupLayout.XForms">
    
        <sfPopup:SfPopupLayout x:Name="popupLayout" OverlayMode="Blur">
            <sfPopup:SfPopupLayout.PopupView>
                <sfPopup:PopupView>
                    <sfPopup:PopupView.PopupStyle>
                        <sfPopup:PopupStyle HeaderBackgroundColor="DimGray"
                                            OverlayOpacity="0"
                                            BlurIntensity="ExtraLight"/>
                    </sfPopup:PopupView.PopupStyle>
                </sfPopup:PopupView>
            </sfPopup:SfPopupLayout.PopupView>
            <sfPopup:SfPopupLayout.Content>
                <StackLayout x:Name="layout">
                    <Button x:Name="clickToShowPopup" Text="ClickToShowPopup" VerticalOptions="Start" 
                            HorizontalOptions="FillAndExpand" Clicked="ClickToShowPopup_Clicked"  />
                    <BoxView x:Name="boxView"  BackgroundColor="Red" />
                </StackLayout>
            </sfPopup:SfPopupLayout.Content>
        </sfPopup:SfPopupLayout>   
    </ContentPage>

    BlurRadius

    Gets or sets the blur radius of the blur effect applied to the overlay when the BlurIntensity is Custom. Does not have any effect when BlurIntensity has values other than Custom.

    Declaration
    public float BlurRadius { get; set; }
    Property Value
    Type Description
    System.Single

    For Android, supported values are 1 to 25. The default value is 11.

    Examples

    The following code example demonstrates how to set blur radius.

    using Syncfusion.XForms.PopupLayout;
    using System;
    using Xamarin.Forms;
    

    namespace GettingStarted { public partial class MainPage : ContentPage { SfPopupLayout popupLayout; public MainPage() { InitializeComponent(); popupLayout = new SfPopupLayout(); popupLayout.OverlayMode = OverlayMode.Blur; popupLayout.PopupView.PopupStyle.BlurIntensity = BlurIntensity.Custom; popupLayout.PopupView.PopupStyle.BlurRadius = 12; var layout = new StackLayout(); var clickToShowPopup = new Button() { Text = "ClickToShowPopup", VerticalOptions = LayoutOptions.Start, HorizontalOptions = LayoutOptions.FillAndExpand }; layout.Children.Add(clickToShowPopup); Content = popupLayout; popupLayout.Content = layout; clickToShowPopup.Clicked += ClickToShowPopup_Clicked; }

        private void ClickToShowPopup_Clicked(object sender, EventArgs e)
        {
            popupLayout.Show();
        }
    }
    

    }

    <?xml version="1.0" encoding="utf-8" ?>
    <ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
                 xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
                 x:Class="GettingStarted.MainPage"
                 xmlns:sfPopup="clr-namespace:Syncfusion.XForms.PopupLayout;assembly=Syncfusion.SfPopupLayout.XForms">
    
        <sfPopup:SfPopupLayout x:Name="popupLayout" OverlayMode="Blur">
            <sfPopup:SfPopupLayout.PopupView>
                <sfPopup:PopupView>
                    <sfPopup:PopupView.PopupStyle>
                        <sfPopup:PopupStyle BlurIntensity="Custom"
                                            BlurRadius="12" />
                    </sfPopup:PopupView.PopupStyle>
                </sfPopup:PopupView>
            </sfPopup:SfPopupLayout.PopupView>
            <sfPopup:SfPopupLayout.Content>
                <StackLayout x:Name="layout">
                    <Button x:Name="clickToShowPopup" Text="ClickToShowPopup" VerticalOptions="Start" 
                             HorizontalOptions="FillAndExpand" Clicked="ClickToShowPopup_Clicked"  />
                </StackLayout>
            </sfPopup:SfPopupLayout.Content>
        </sfPopup:SfPopupLayout>
    </ContentPage>

    BorderColor

    Gets or sets the border color for the PopupView.

    Declaration
    public Color BorderColor { get; set; }
    Property Value
    Type Description
    Xamarin.Forms.Color

    The border color for the PopupView.

    Examples

    The following code example demonstrates how to set the Border color for the PopupView.

    using Syncfusion.XForms.PopupLayout;
    using System;
    using Xamarin.Forms;
    

    namespace SfPopupGettingStarted { public partial class MainPage : ContentPage { SfPopupLayout popupLayout; public MainPage() { InitializeComponent(); popupLayout = new SfPopupLayout(); var layout = new StackLayout(); var clickToShowPopup = new Button() { Text = "ClickToShowPopup", VerticalOptions = LayoutOptions.Start, HorizontalOptions = LayoutOptions.FillAndExpand }; layout.Children.Add(clickToShowPopup); Content = popupLayout; popupLayout.Content = layout; clickToShowPopup.Clicked += ClickToShowPopup_Clicked; popupLayout.PopupView.PopupStyle.BorderColor = Color.Blue; } private void ClickToShowPopup_Clicked(object sender, EventArgs e) { popupLayout.Show(); } } }

    <?xml version="1.0" encoding="utf-8" ?>
    <ContentPage xmlns = "http://xamarin.com/schemas/2014/forms"
                 xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
                 xmlns:local="clr-namespace:SfPopupGettingStarted"
                 xmlns:sfPopup="clr-namespace:Syncfusion.XForms.PopupLayout;assembly=Syncfusion.SfPopupLayout.XForms"
                 x:Class="SfPopupGettingStarted.MainPage">
        <sfPopup:SfPopupLayout x:Name="popupLayout">
            <sfPopup:SfPopupLayout.PopupView>
                <sfPopup:PopupView>
                    <sfPopup:PopupView.PopupStyle>
                        <sfPopup:PopupStyle  BorderColor="Blue"/>
                    </sfPopup:PopupView.PopupStyle>
                </sfPopup:PopupView>
            </sfPopup:SfPopupLayout.PopupView>
            <sfPopup:SfPopupLayout.Content>
                <StackLayout x:Name="layout">
                    <Button x:Name="clickToShowPopup" Text="ClickToShowPopup" VerticalOptions="Start" HorizontalOptions="FillAndExpand" Clicked="ClickToShowPopup_Clicked"/>
                </StackLayout>
            </sfPopup:SfPopupLayout.Content>
        </sfPopup:SfPopupLayout>
    </ContentPage>

    BorderThickness

    Gets or sets the border thickness for the PopupView.

    Declaration
    public int BorderThickness { get; set; }
    Property Value
    Type Description
    System.Int32

    The border thickness for the PopupView.

    Examples

    The following code example demonstrates how to set the Border thickness for the PopupView.

    using Syncfusion.XForms.PopupLayout;
    using System;
    using Xamarin.Forms;
    

    namespace SfPopupGettingStarted { public partial class MainPage : ContentPage { SfPopupLayout popupLayout; public MainPage() { InitializeComponent(); popupLayout = new SfPopupLayout(); var layout = new StackLayout(); var clickToShowPopup = new Button() { Text = "ClickToShowPopup", VerticalOptions = LayoutOptions.Start, HorizontalOptions = LayoutOptions.FillAndExpand }; layout.Children.Add(clickToShowPopup); Content = popupLayout; popupLayout.Content = layout; clickToShowPopup.Clicked += ClickToShowPopup_Clicked; popupLayout.PopupView.PopupStyle.BorderThickness = 20; } private void ClickToShowPopup_Clicked(object sender, EventArgs e) { popupLayout.Show(); } } }

    <?xml version="1.0" encoding="utf-8" ?>
    <ContentPage xmlns = "http://xamarin.com/schemas/2014/forms"
                 xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
                 xmlns:local="clr-namespace:SfPopupGettingStarted"
                 xmlns:sfPopup="clr-namespace:Syncfusion.XForms.PopupLayout;assembly=Syncfusion.SfPopupLayout.XForms"
                 x:Class="SfPopupGettingStarted.MainPage">
        <sfPopup:SfPopupLayout x:Name="popupLayout">
            <sfPopup:SfPopupLayout.PopupView>
                <sfPopup:PopupView>
                    <sfPopup:PopupView.PopupStyle>
                        <sfPopup:PopupStyle  BorderThickness="20"/>
                    </sfPopup:PopupView.PopupStyle>
                </sfPopup:PopupView>
            </sfPopup:SfPopupLayout.PopupView>
            <sfPopup:SfPopupLayout.Content>
                <StackLayout x:Name="layout">
                    <Button x:Name="clickToShowPopup" Text="ClickToShowPopup" VerticalOptions="Start" HorizontalOptions="FillAndExpand" Clicked="ClickToShowPopup_Clicked"/>
                </StackLayout>
            </sfPopup:SfPopupLayout.Content>
        </sfPopup:SfPopupLayout>
    </ContentPage>

    CloseButtonIcon

    Gets or sets the image to be placed in the header close button.

    Declaration
    public ImageSource CloseButtonIcon { get; set; }
    Property Value
    Type
    Xamarin.Forms.ImageSource
    Examples

    The following code example demonstrates how to set Custom close icon in Popup for the PopupView.

    using Syncfusion.XForms.PopupLayout;
    using System;  
    using System.Reflection;  
    using Xamarin.Forms;  
    

    namespace DemoPopup
    {
    public partial class MainPage : ContentPage
    {
    SfPopupLayout popupLayout; public MainPage()
    {
    InitializeComponent(); popupLayout = new SfPopupLayout(); var layout = new StackLayout(); var clickToShowPopup = new Button() { Text = "ClickToShowPopup", VerticalOptions = LayoutOptions.Start, HorizontalOptions = LayoutOptions.FillAndExpand }; layout.Children.Add(clickToShowPopup); Content = popupLayout; popupLayout.Content = layout; clickToShowPopup.Clicked += ClickToShowPopup_Clicked; popupLayout.PopupView.PopupStyle.CloseButtonIcon = ImageSource.FromResource("DemoPopup.Close.jpg",typeof(MainPage).GetTypeInfo().Assembly);

        }  
    
        private void ClickToShowPopup_Clicked(object sender, EventArgs e)  
        {  
            popupLayout.Show();  
        }          
    
    }  
    

    }

    <?xml version="1.0" encoding="utf-8" ?>
    <ContentPage xmlns = "http://xamarin.com/schemas/2014/forms"
                 xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
                 xmlns:local="clr-namespace:SfPopupGettingStarted"
                 mlns:sfPopup="clr-namespace:Syncfusion.XForms.PopupLayout;assembly=Syncfusion.SfPopupLayout.XForms"
                 x:Class="SfPopupGettingStarted.MainPage">
        <sfPopup:SfPopupLayout x:Name="popupLayout">
            <sfPopup:SfPopupLayout.PopupView>
                <sfPopup:PopupView>
                    <sfPopup:PopupView.PopupStyle>
                        <sfPopup:PopupStyle  HeaderBackgroundColor="Blue" CloseButtonIcon="Close.jpg"/>
                    </sfPopup:PopupView.PopupStyle>
                </sfPopup:PopupView>
            </sfPopup:SfPopupLayout.PopupView>
            <sfPopup:SfPopupLayout.Content>
                <StackLayout x:Name="layout">
                    <Button x:Name="clickToShowPopup" Text="ClickToShowPopup" VerticalOptions="Start" HorizontalOptions="FillAndExpand" Clicked="ClickToShowPopup_Clicked"/>
                </StackLayout>
            </sfPopup:SfPopupLayout.Content>
        </sfPopup:SfPopupLayout>
    </ContentPage>

    CornerRadius

    Gets or sets the corner radius for the PopupView.

    Declaration
    public int CornerRadius { get; set; }
    Property Value
    Type Description
    System.Int32

    The corner radius for the PopupView.

    Examples

    The following code example demonstrates how to set the Corner radius for the PopupView.

    using Syncfusion.XForms.PopupLayout;
    using System;
    using Xamarin.Forms;
    

    namespace SfPopupGettingStarted { public partial class MainPage : ContentPage { SfPopupLayout popupLayout; public MainPage() { InitializeComponent(); popupLayout = new SfPopupLayout(); var layout = new StackLayout(); var clickToShowPopup = new Button() { Text = "ClickToShowPopup", VerticalOptions = LayoutOptions.Start, HorizontalOptions = LayoutOptions.FillAndExpand }; layout.Children.Add(clickToShowPopup); Content = popupLayout; popupLayout.Content = layout; clickToShowPopup.Clicked += ClickToShowPopup_Clicked; popupLayout.PopupView.PopupStyle.CornerRadius = 20; } private void ClickToShowPopup_Clicked(object sender, EventArgs e) { popupLayout.Show(); } } }

    <?xml version="1.0" encoding="utf-8" ?>
    <ContentPage xmlns = "http://xamarin.com/schemas/2014/forms"
                 xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
                 xmlns:local="clr-namespace:SfPopupGettingStarted"
                 xmlns:sfPopup="clr-namespace:Syncfusion.XForms.PopupLayout;assembly=Syncfusion.SfPopupLayout.XForms"
                 x:Class="SfPopupGettingStarted.MainPage">
        <sfPopup:SfPopupLayout x:Name="popupLayout">
            <sfPopup:SfPopupLayout.PopupView>
                <sfPopup:PopupView>
                    <sfPopup:PopupView.PopupStyle>
                        <sfPopup:PopupStyle  CornerRadius="20"/>
                    </sfPopup:PopupView.PopupStyle>
                </sfPopup:PopupView>
            </sfPopup:SfPopupLayout.PopupView>
            <sfPopup:SfPopupLayout.Content>
                <StackLayout x:Name="layout">
                    <Button x:Name="clickToShowPopup" Text="ClickToShowPopup" VerticalOptions="Start" HorizontalOptions="FillAndExpand" Clicked="ClickToShowPopup_Clicked"/>
                </StackLayout>
            </sfPopup:SfPopupLayout.Content>
        </sfPopup:SfPopupLayout>
    </ContentPage>

    DeclineButtonBackgroundColor

    Gets or sets the background color of decline button in the footer.

    Declaration
    public Color DeclineButtonBackgroundColor { get; set; }
    Property Value
    Type
    Xamarin.Forms.Color
    Examples

    The following code example demonstrates how to set the Decline button background color for the PopupView.

    using Syncfusion.XForms.PopupLayout;
    using System;
    using Xamarin.Forms;
    

    namespace SfPopupGettingStarted { public partial class MainPage : ContentPage { SfPopupLayout popupLayout; public MainPage() { InitializeComponent(); popupLayout = new SfPopupLayout(); var layout = new StackLayout(); var clickToShowPopup = new Button() { Text = "ClickToShowPopup", VerticalOptions = LayoutOptions.Start, HorizontalOptions = LayoutOptions.FillAndExpand }; layout.Children.Add(clickToShowPopup); Content = popupLayout; popupLayout.Content = layout; clickToShowPopup.Clicked += ClickToShowPopup_Clicked; popupLayout.PopupView.PopupStyle.DeclineButtonBackgroundColor = Color.Green; } private void ClickToShowPopup_Clicked(object sender, EventArgs e) { popupLayout.Show(); } } }

    <?xml version="1.0" encoding="utf-8" ?>
    <ContentPage xmlns = "http://xamarin.com/schemas/2014/forms"
                 xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
                 xmlns:local="clr-namespace:SfPopupGettingStarted"
                 xmlns:sfPopup="clr-namespace:Syncfusion.XForms.PopupLayout;assembly=Syncfusion.SfPopupLayout.XForms"
                 x:Class="SfPopupGettingStarted.MainPage">
        <sfPopup:SfPopupLayout x:Name="popupLayout">
            <sfPopup:SfPopupLayout.PopupView>
                <sfPopup:PopupView>
                    <sfPopup:PopupView.PopupStyle>
                        <sfPopup:PopupStyle  DeclineButtonBackgroundColor="Green"/>
                    </sfPopup:PopupView.PopupStyle>
                </sfPopup:PopupView>
            </sfPopup:SfPopupLayout.PopupView>
            <sfPopup:SfPopupLayout.Content>
                <StackLayout x:Name="layout">
                    <Button x:Name="clickToShowPopup" Text="ClickToShowPopup" VerticalOptions="Start" HorizontalOptions="FillAndExpand" Clicked="ClickToShowPopup_Clicked"/>
                </StackLayout>
            </sfPopup:SfPopupLayout.Content>
        </sfPopup:SfPopupLayout>
    </ContentPage>

    DeclineButtonTextColor

    Gets or sets the foreground color of decline button in the footer.

    Declaration
    public Color DeclineButtonTextColor { get; set; }
    Property Value
    Type
    Xamarin.Forms.Color
    Examples

    The following code example demonstrates how to set the Decline button text color for the PopupView.

    using Syncfusion.XForms.PopupLayout;
    using System;
    using Xamarin.Forms;
    

    namespace SfPopupGettingStarted { public partial class MainPage : ContentPage { SfPopupLayout popupLayout; public MainPage() { InitializeComponent(); popupLayout = new SfPopupLayout(); var layout = new StackLayout(); var clickToShowPopup = new Button() { Text = "ClickToShowPopup", VerticalOptions = LayoutOptions.Start, HorizontalOptions = LayoutOptions.FillAndExpand }; layout.Children.Add(clickToShowPopup); Content = popupLayout; popupLayout.Content = layout; clickToShowPopup.Clicked += ClickToShowPopup_Clicked; popupLayout.PopupView.PopupStyle.DeclineButtonTextColor = Color.Red; } private void ClickToShowPopup_Clicked(object sender, EventArgs e) { popupLayout.Show(); } } }

    <?xml version="1.0" encoding="utf-8" ?>
    <ContentPage xmlns = "http://xamarin.com/schemas/2014/forms"
                 xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
                 xmlns:local="clr-namespace:SfPopupGettingStarted"
                 xmlns:sfPopup="clr-namespace:Syncfusion.XForms.PopupLayout;assembly=Syncfusion.SfPopupLayout.XForms"
                 x:Class="SfPopupGettingStarted.MainPage">
        <sfPopup:SfPopupLayout x:Name="popupLayout">
            <sfPopup:SfPopupLayout.PopupView>
                <sfPopup:PopupView>
                    <sfPopup:PopupView.PopupStyle>
                        <sfPopup:PopupStyle  DeclineButtonTextColor="Red"/>
                    </sfPopup:PopupView.PopupStyle>
                </sfPopup:PopupView>
            </sfPopup:SfPopupLayout.PopupView>
            <sfPopup:SfPopupLayout.Content>
                <StackLayout x:Name="layout">
                    <Button x:Name="clickToShowPopup" Text="ClickToShowPopup" VerticalOptions="Start" HorizontalOptions="FillAndExpand" Clicked="ClickToShowPopup_Clicked"/>
                </StackLayout>
            </sfPopup:SfPopupLayout.Content>
        </sfPopup:SfPopupLayout>
    </ContentPage>

    FooterBackgroundColor

    Gets or sets the background color of the footer.

    Declaration
    public Color FooterBackgroundColor { get; set; }
    Property Value
    Type
    Xamarin.Forms.Color
    Examples

    The following code example demonstrates how to set the Footer background color for the PopupView.

    using Syncfusion.XForms.PopupLayout;
    using System;
    using Xamarin.Forms;
    

    namespace SfPopupGettingStarted { public partial class MainPage : ContentPage { SfPopupLayout popupLayout; public MainPage() { InitializeComponent(); popupLayout = new SfPopupLayout(); var layout = new StackLayout(); var clickToShowPopup = new Button() { Text = "ClickToShowPopup", VerticalOptions = LayoutOptions.Start, HorizontalOptions = LayoutOptions.FillAndExpand }; layout.Children.Add(clickToShowPopup); Content = popupLayout; popupLayout.Content = layout; clickToShowPopup.Clicked += ClickToShowPopup_Clicked; popupLayout.PopupView.PopupStyle.FooterBackgroundColor = Color.Black; } private void ClickToShowPopup_Clicked(object sender, EventArgs e) { popupLayout.Show(); } } }

    <?xml version="1.0" encoding="utf-8" ?>
    <ContentPage xmlns = "http://xamarin.com/schemas/2014/forms"
                 xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
                 xmlns:local="clr-namespace:SfPopupGettingStarted"
                 xmlns:sfPopup="clr-namespace:Syncfusion.XForms.PopupLayout;assembly=Syncfusion.SfPopupLayout.XForms"
                 x:Class="SfPopupGettingStarted.MainPage">
        <sfPopup:SfPopupLayout x:Name="popupLayout">
            <sfPopup:SfPopupLayout.PopupView>
                <sfPopup:PopupView>
                    <sfPopup:PopupView.PopupStyle>
                        <sfPopup:PopupStyle   FooterBackgroundColor="Black"/>
                    </sfPopup:PopupView.PopupStyle>
                </sfPopup:PopupView>
            </sfPopup:SfPopupLayout.PopupView>
            <sfPopup:SfPopupLayout.Content>
                <StackLayout x:Name="layout">
                    <Button x:Name="clickToShowPopup" Text="ClickToShowPopup" VerticalOptions="Start" HorizontalOptions="FillAndExpand" Clicked="ClickToShowPopup_Clicked"/>
                </StackLayout>
            </sfPopup:SfPopupLayout.Content>
        </sfPopup:SfPopupLayout>
    </ContentPage>

    HasShadow

    Gets or sets a value indicating whether a drop shadow is displayed around the PopupView. The default value is true.

    Declaration
    public bool HasShadow { get; set; }
    Property Value
    Type
    System.Boolean
    Examples

    The following code example demonstrates how to set the HasShadow property for the PopupView.

    using Syncfusion.XForms.PopupLayout;
    using System;
    using Xamarin.Forms;
    

    namespace SfPopupGettingStarted { public partial class MainPage : ContentPage { SfPopupLayout popupLayout; public MainPage() { InitializeComponent(); popupLayout = new SfPopupLayout(); var layout = new StackLayout(); var clickToShowPopup = new Button() { Text = "ClickToShowPopup", VerticalOptions = LayoutOptions.Start, HorizontalOptions = LayoutOptions.FillAndExpand }; layout.Children.Add(clickToShowPopup); Content = popupLayout; popupLayout.Content = layout; clickToShowPopup.Clicked += ClickToShowPopup_Clicked; popupLayout.PopupView.PopupStyle.HasShadow = false; } private void ClickToShowPopup_Clicked(object sender, EventArgs e) { popupLayout.Show(); } } }

    <?xml version="1.0" encoding="utf-8" ?>
    <ContentPage xmlns = "http://xamarin.com/schemas/2014/forms"
                 xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
                 xmlns:local="clr-namespace:SfPopupGettingStarted"
                 xmlns:sfPopup="clr-namespace:Syncfusion.XForms.PopupLayout;assembly=Syncfusion.SfPopupLayout.XForms"
                 x:Class="SfPopupGettingStarted.MainPage">
        <sfPopup:SfPopupLayout x:Name="popupLayout">
            <sfPopup:SfPopupLayout.PopupView>
                <sfPopup:PopupView>
                    <sfPopup:PopupView.PopupStyle>
                        <sfPopup:PopupStyle  HasShadow="False"/>
                    </sfPopup:PopupView.PopupStyle>
                </sfPopup:PopupView>
            </sfPopup:SfPopupLayout.PopupView>
            <sfPopup:SfPopupLayout.Content>
                <StackLayout x:Name="layout">
                    <Button x:Name="clickToShowPopup" Text="ClickToShowPopup" VerticalOptions="Start" HorizontalOptions="FillAndExpand" Clicked="ClickToShowPopup_Clicked"/>
                </StackLayout>
            </sfPopup:SfPopupLayout.Content>
        </sfPopup:SfPopupLayout>
    </ContentPage>

    HeaderBackgroundColor

    Gets or sets the background color to be applied for the header.

    Declaration
    public Color HeaderBackgroundColor { get; set; }
    Property Value
    Type
    Xamarin.Forms.Color
    Examples

    The following code example demonstrates how to set the Header background color for the PopupView.

    using Syncfusion.XForms.PopupLayout;
    using System;
    using Xamarin.Forms;
    

    namespace SfPopupGettingStarted { public partial class MainPage : ContentPage { SfPopupLayout popupLayout; public MainPage() { InitializeComponent(); popupLayout = new SfPopupLayout(); var layout = new StackLayout(); var clickToShowPopup = new Button() { Text = "ClickToShowPopup", VerticalOptions = LayoutOptions.Start, HorizontalOptions = LayoutOptions.FillAndExpand }; layout.Children.Add(clickToShowPopup); Content = popupLayout; popupLayout.Content = layout; clickToShowPopup.Clicked += ClickToShowPopup_Clicked; popupLayout.PopupView.PopupStyle.HeaderBackgroundColor = Color.Blue; } private void ClickToShowPopup_Clicked(object sender, EventArgs e) { popupLayout.Show(); } } }

    <?xml version="1.0" encoding="utf-8" ?>
    <ContentPage xmlns = "http://xamarin.com/schemas/2014/forms"
                 xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
                 xmlns:local="clr-namespace:SfPopupGettingStarted"
                 mlns:sfPopup="clr-namespace:Syncfusion.XForms.PopupLayout;assembly=Syncfusion.SfPopupLayout.XForms"
                 x:Class="SfPopupGettingStarted.MainPage">
        <sfPopup:SfPopupLayout x:Name="popupLayout">
            <sfPopup:SfPopupLayout.PopupView>
                <sfPopup:PopupView>
                    <sfPopup:PopupView.PopupStyle>
                        <sfPopup:PopupStyle   HeaderBackgroundColor="Blue"/>
                    </sfPopup:PopupView.PopupStyle>
                </sfPopup:PopupView>
            </sfPopup:SfPopupLayout.PopupView>
            <sfPopup:SfPopupLayout.Content>
                <StackLayout x:Name="layout">
                    <Button x:Name="clickToShowPopup" Text="ClickToShowPopup" VerticalOptions="Start" HorizontalOptions="FillAndExpand" Clicked="ClickToShowPopup_Clicked"/>
                </StackLayout>
            </sfPopup:SfPopupLayout.Content>
        </sfPopup:SfPopupLayout>
    </ContentPage>

    HeaderFontAttribute

    Gets or sets the font attribute to be applied for the header title.

    Declaration
    public FontAttributes HeaderFontAttribute { get; set; }
    Property Value
    Type
    Xamarin.Forms.FontAttributes
    Examples

    The following code example demonstrates how to set the Header fontattribute for the PopupView.

    using Syncfusion.XForms.PopupLayout;
    using System;
    using Xamarin.Forms;
    

    namespace SfPopupGettingStarted { public partial class MainPage : ContentPage { SfPopupLayout popupLayout; public MainPage() { InitializeComponent(); popupLayout = new SfPopupLayout(); var layout = new StackLayout(); var clickToShowPopup = new Button() { Text = "ClickToShowPopup", VerticalOptions = LayoutOptions.Start, HorizontalOptions = LayoutOptions.FillAndExpand }; layout.Children.Add(clickToShowPopup); Content = popupLayout; popupLayout.Content = layout; clickToShowPopup.Clicked += ClickToShowPopup_Clicked; popupLayout.PopupView.PopupStyle.HeaderFontAttribute = FontAttributes.Bold; } private void ClickToShowPopup_Clicked(object sender, EventArgs e) { popupLayout.Show(); } } }

    <?xml version="1.0" encoding="utf-8" ?>
    <ContentPage xmlns = "http://xamarin.com/schemas/2014/forms"
                 xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
                 xmlns:local="clr-namespace:SfPopupGettingStarted"
                 xmlns:sfPopup="clr-namespace:Syncfusion.XForms.PopupLayout;assembly=Syncfusion.SfPopupLayout.XForms"
                 x:Class="SfPopupGettingStarted.MainPage">
        <sfPopup:SfPopupLayout x:Name="popupLayout">
            <sfPopup:SfPopupLayout.PopupView>
                <sfPopup:PopupView>
                    <sfPopup:PopupView.PopupStyle>
                        <sfPopup:PopupStyle  HeaderFontAttribute="Bold"/>
                    </sfPopup:PopupView.PopupStyle>
                </sfPopup:PopupView>
            </sfPopup:SfPopupLayout.PopupView>
            <sfPopup:SfPopupLayout.Content>
                <StackLayout x:Name="layout">
                    <Button x:Name="clickToShowPopup" Text="ClickToShowPopup" VerticalOptions="Start" HorizontalOptions="FillAndExpand" Clicked="ClickToShowPopup_Clicked"/>
                </StackLayout>
            </sfPopup:SfPopupLayout.Content>
        </sfPopup:SfPopupLayout>
    </ContentPage>

    HeaderFontFamily

    Gets or sets the font style to be applied for the header title.

    Declaration
    public string HeaderFontFamily { get; set; }
    Property Value
    Type
    System.String
    Examples

    The following code example demonstrates how to set the Headerfontfamily for the PopupView.

    using Syncfusion.XForms.PopupLayout;
    using System;
    using Xamarin.Forms;
    

    namespace SfPopupGettingStarted { public partial class MainPage : ContentPage { SfPopupLayout popupLayout; public MainPage() { InitializeComponent(); popupLayout = new SfPopupLayout(); var layout = new StackLayout(); var clickToShowPopup = new Button() { Text = "ClickToShowPopup", VerticalOptions = LayoutOptions.Start, HorizontalOptions = LayoutOptions.FillAndExpand }; layout.Children.Add(clickToShowPopup); Content = popupLayout; popupLayout.Content = layout; clickToShowPopup.Clicked += ClickToShowPopup_Clicked; popupLayout.PopupView.PopupStyle.HeaderFontAttribute = FontAttributes.Bold; popupLayout.PopupView.PopupStyle.HeaderFontFamily = "Helvetica-Bold"; } private void ClickToShowPopup_Clicked(object sender, EventArgs e) { popupLayout.Show(); } } }

    <?xml version="1.0" encoding="utf-8" ?>
    <ContentPage xmlns = "http://xamarin.com/schemas/2014/forms"
                 xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
                 xmlns:local="clr-namespace:SfPopupGettingStarted"
                 xmlns:sfPopup="clr-namespace:Syncfusion.XForms.PopupLayout;assembly=Syncfusion.SfPopupLayout.XForms"
                 x:Class="SfPopupGettingStarted.MainPage">
        <sfPopup:SfPopupLayout x:Name="popupLayout">
            <sfPopup:SfPopupLayout.PopupView>
                <sfPopup:PopupView>
                    <sfPopup:PopupView.PopupStyle>
                        <sfPopup:PopupStyle  HeaderFontAttribute="Bold" HeaderFontFamily="Helvetica-Bold"/>
                    </sfPopup:PopupView.PopupStyle>
                </sfPopup:PopupView>
            </sfPopup:SfPopupLayout.PopupView>
            <sfPopup:SfPopupLayout.Content>
                <StackLayout x:Name="layout">
                    <Button x:Name="clickToShowPopup" Text="ClickToShowPopup" VerticalOptions="Start" HorizontalOptions="FillAndExpand" Clicked="ClickToShowPopup_Clicked"/>
                </StackLayout>
            </sfPopup:SfPopupLayout.Content>
        </sfPopup:SfPopupLayout>
    </ContentPage>

    HeaderFontSize

    Gets or sets the font size of the header title.

    Declaration
    public double HeaderFontSize { get; set; }
    Property Value
    Type
    System.Double
    Examples

    The following code example demonstrates how to set the Header fontsize for the PopupView.

    using Syncfusion.XForms.PopupLayout;
    using System;
    using Xamarin.Forms;
    

    namespace SfPopupGettingStarted { public partial class MainPage : ContentPage { SfPopupLayout popupLayout; public MainPage() { InitializeComponent(); popupLayout = new SfPopupLayout(); var layout = new StackLayout(); var clickToShowPopup = new Button() { Text = "ClickToShowPopup", VerticalOptions = LayoutOptions.Start, HorizontalOptions = LayoutOptions.FillAndExpand }; layout.Children.Add(clickToShowPopup); Content = popupLayout; popupLayout.Content = layout; clickToShowPopup.Clicked += ClickToShowPopup_Clicked; popupLayout.PopupView.PopupStyle.HeaderFontSize = 20; } private void ClickToShowPopup_Clicked(object sender, EventArgs e) { popupLayout.Show(); } } }

    <?xml version="1.0" encoding="utf-8" ?>
    <ContentPage xmlns = "http://xamarin.com/schemas/2014/forms"
                 xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
                 xmlns:local="clr-namespace:SfPopupGettingStarted"
                 xmlns:sfPopup="clr-namespace:Syncfusion.XForms.PopupLayout;assembly=Syncfusion.SfPopupLayout.XForms"
                 x:Class="SfPopupGettingStarted.MainPage">
        <sfPopup:SfPopupLayout x:Name="popupLayout">
            <sfPopup:SfPopupLayout.PopupView>
                <sfPopup:PopupView>
                    <sfPopup:PopupView.PopupStyle>
                        <sfPopup:PopupStyle  HeaderFontSize="20"/>
                    </sfPopup:PopupView.PopupStyle>
                </sfPopup:PopupView>
            </sfPopup:SfPopupLayout.PopupView>
            <sfPopup:SfPopupLayout.Content>
                <StackLayout x:Name="layout">
                    <Button x:Name="clickToShowPopup" Text="ClickToShowPopup" VerticalOptions="Start" HorizontalOptions="FillAndExpand" Clicked="ClickToShowPopup_Clicked"/>
                </StackLayout>
            </sfPopup:SfPopupLayout.Content>
        </sfPopup:SfPopupLayout>
    </ContentPage>

    HeaderTextAlignment

    Gets or sets the text alignment of the header.

    Declaration
    public TextAlignment HeaderTextAlignment { get; set; }
    Property Value
    Type
    Xamarin.Forms.TextAlignment
    Examples

    The following code example demonstrates how to set the Header text alignment for the PopupView.

    using Syncfusion.XForms.PopupLayout;
    using System;
    using Xamarin.Forms;
    

    namespace SfPopupGettingStarted { public partial class MainPage : ContentPage { SfPopupLayout popupLayout; public MainPage() { InitializeComponent(); popupLayout = new SfPopupLayout(); var layout = new StackLayout(); var clickToShowPopup = new Button() { Text = "ClickToShowPopup", VerticalOptions = LayoutOptions.Start, HorizontalOptions = LayoutOptions.FillAndExpand }; layout.Children.Add(clickToShowPopup); Content = popupLayout; popupLayout.Content = layout; clickToShowPopup.Clicked += ClickToShowPopup_Clicked; popupLayout.PopupView.PopupStyle.HeaderTextAlignment = TextAlignment.Center; } private void ClickToShowPopup_Clicked(object sender, EventArgs e) { popupLayout.Show(); } } }

    <?xml version="1.0" encoding="utf-8" ?>
    <ContentPage xmlns = "http://xamarin.com/schemas/2014/forms"
                 xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
                 xmlns:local="clr-namespace:SfPopupGettingStarted"
                 xmlns:sfPopup="clr-namespace:Syncfusion.XForms.PopupLayout;assembly=Syncfusion.SfPopupLayout.XForms"
                 x:Class="SfPopupGettingStarted.MainPage">
        <sfPopup:SfPopupLayout x:Name="popupLayout">
            <sfPopup:SfPopupLayout.PopupView>
                <sfPopup:PopupView>
                    <sfPopup:PopupView.PopupStyle>
                        <sfPopup:PopupStyle  />
                    </sfPopup:PopupView.PopupStyle HeaderTextAlignment="Center">
                </sfPopup:PopupView>
            </sfPopup:SfPopupLayout.PopupView>
            <sfPopup:SfPopupLayout.Content>
                <StackLayout x:Name="layout">
                    <Button x:Name="clickToShowPopup" Text="ClickToShowPopup" VerticalOptions="Start" HorizontalOptions="FillAndExpand" Clicked="ClickToShowPopup_Clicked"/>
                </StackLayout>
            </sfPopup:SfPopupLayout.Content>
        </sfPopup:SfPopupLayout>
    </ContentPage>

    HeaderTextColor

    Gets or sets the text color to be applied for the header title.

    Declaration
    public Color HeaderTextColor { get; set; }
    Property Value
    Type
    Xamarin.Forms.Color
    Examples

    The following code example demonstrates how to set the Header text color for the PopupView.

    using Syncfusion.XForms.PopupLayout;
    using System;
    using Xamarin.Forms;
    

    namespace SfPopupGettingStarted { public partial class MainPage : ContentPage { SfPopupLayout popupLayout; public MainPage() { InitializeComponent(); popupLayout = new SfPopupLayout(); var layout = new StackLayout(); var clickToShowPopup = new Button() { Text = "ClickToShowPopup", VerticalOptions = LayoutOptions.Start, HorizontalOptions = LayoutOptions.FillAndExpand }; layout.Children.Add(clickToShowPopup); Content = popupLayout; popupLayout.Content = layout; clickToShowPopup.Clicked += ClickToShowPopup_Clicked; popupLayout.PopupView.PopupStyle.HeaderTextColor = Color.Aqua; } private void ClickToShowPopup_Clicked(object sender, EventArgs e) { popupLayout.Show(); } } }

    <?xml version="1.0" encoding="utf-8" ?>
    <ContentPage xmlns = "http://xamarin.com/schemas/2014/forms"
                 xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
                 xmlns:local="clr-namespace:SfPopupGettingStarted"
                 xmlns:sfPopup="clr-namespace:Syncfusion.XForms.PopupLayout;assembly=Syncfusion.SfPopupLayout.XForms"
                 x:Class="SfPopupGettingStarted.MainPage">
        <sfPopup:SfPopupLayout x:Name="popupLayout">
            <sfPopup:SfPopupLayout.PopupView>
                <sfPopup:PopupView>
                    <sfPopup:PopupView.PopupStyle>
                        <sfPopup:PopupStyle  HeaderTextColor="Aqua"/>
                    </sfPopup:PopupView.PopupStyle>
                </sfPopup:PopupView>
            </sfPopup:SfPopupLayout.PopupView>
            <sfPopup:SfPopupLayout.Content>
                <StackLayout x:Name="layout">
                    <Button x:Name="clickToShowPopup" Text="ClickToShowPopup" VerticalOptions="Start" HorizontalOptions="FillAndExpand" Clicked="ClickToShowPopup_Clicked"/>
                </StackLayout>
            </sfPopup:SfPopupLayout.Content>
        </sfPopup:SfPopupLayout>
    </ContentPage>

    OverlayColor

    Gets or sets the color of the overlay when PopupView is displayed.

    Declaration
    public Color OverlayColor { get; set; }
    Property Value
    Type
    Xamarin.Forms.Color
    Examples

    The following code example demonstrates how to set the Overlay color for the PopupView.

    using Syncfusion.XForms.PopupLayout;
    using System;
    using Xamarin.Forms;
    

    namespace SfPopupGettingStarted { public partial class MainPage : ContentPage { SfPopupLayout popupLayout; public MainPage() { InitializeComponent(); popupLayout = new SfPopupLayout(); var layout = new StackLayout(); var clickToShowPopup = new Button() { Text = "ClickToShowPopup", VerticalOptions = LayoutOptions.Start, HorizontalOptions = LayoutOptions.FillAndExpand }; layout.Children.Add(clickToShowPopup); Content = popupLayout; popupLayout.Content = layout; clickToShowPopup.Clicked += ClickToShowPopup_Clicked; popupLayout.PopupView.PopupStyle.OverlayColor = Color.Red; } private void ClickToShowPopup_Clicked(object sender, EventArgs e) { popupLayout.Show(); } } }

    <?xml version="1.0" encoding="utf-8" ?>
    <ContentPage xmlns = "http://xamarin.com/schemas/2014/forms"
                 xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
                 xmlns:local="clr-namespace:SfPopupGettingStarted"
                 xmlns:sfPopup="clr-namespace:Syncfusion.XForms.PopupLayout;assembly=Syncfusion.SfPopupLayout.XForms"
                 x:Class="SfPopupGettingStarted.MainPage">
        <sfPopup:SfPopupLayout x:Name="popupLayout">
            <sfPopup:SfPopupLayout.PopupView>
                <sfPopup:PopupView>
                    <sfPopup:PopupView.PopupStyle>
                        <sfPopup:PopupStyle  OverlayColor="Red"/>
                    </sfPopup:PopupView.PopupStyle>
                </sfPopup:PopupView>
            </sfPopup:SfPopupLayout.PopupView>
            <sfPopup:SfPopupLayout.Content>
                <StackLayout x:Name="layout">
                    <Button x:Name="clickToShowPopup" Text="ClickToShowPopup" VerticalOptions="Start" HorizontalOptions="FillAndExpand" Clicked="ClickToShowPopup_Clicked"/>
                </StackLayout>
            </sfPopup:SfPopupLayout.Content>
        </sfPopup:SfPopupLayout>
    </ContentPage>

    OverlayOpacity

    Gets or sets a value indicating the overlay Color's Opacity.

    Declaration
    public double OverlayOpacity { get; set; }
    Property Value
    Type Description
    System.Double

    Set values between 0 to 1.

    Examples

    The following code example demonstrates how to set the Overlay opacity for the PopupView.

    using Syncfusion.XForms.PopupLayout;
    using System;
    using Xamarin.Forms;
    

    namespace SfPopupGettingStarted { public partial class MainPage : ContentPage { SfPopupLayout popupLayout; public MainPage() { InitializeComponent(); popupLayout = new SfPopupLayout(); var layout = new StackLayout(); var clickToShowPopup = new Button() { Text = "ClickToShowPopup", VerticalOptions = LayoutOptions.Start, HorizontalOptions = LayoutOptions.FillAndExpand }; layout.Children.Add(clickToShowPopup); Content = popupLayout; popupLayout.Content = layout; clickToShowPopup.Clicked += ClickToShowPopup_Clicked; popupLayout.PopupView.PopupStyle.OverlayOpacity = 0.3; } private void ClickToShowPopup_Clicked(object sender, EventArgs e) { popupLayout.Show(); } } }

    <?xml version="1.0" encoding="utf-8" ?>
    <ContentPage xmlns = "http://xamarin.com/schemas/2014/forms"
                 xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
                 xmlns:local="clr-namespace:SfPopupGettingStarted"
                 xmlns:sfPopup="clr-namespace:Syncfusion.XForms.PopupLayout;assembly=Syncfusion.SfPopupLayout.XForms"
                 x:Class="SfPopupGettingStarted.MainPage">
        <sfPopup:SfPopupLayout x:Name="popupLayout">
            <sfPopup:SfPopupLayout.PopupView>
                <sfPopup:PopupView>
                    <sfPopup:PopupView.PopupStyle>
                        <sfPopup:PopupStyle  OverlayOpacity="0.3"/>
                    </sfPopup:PopupView.PopupStyle>
                </sfPopup:PopupView>
            </sfPopup:SfPopupLayout.PopupView>
            <sfPopup:SfPopupLayout.Content>
                <StackLayout x:Name="layout">
                    <Button x:Name="clickToShowPopup" Text="ClickToShowPopup" VerticalOptions="Start" HorizontalOptions="FillAndExpand" Clicked="ClickToShowPopup_Clicked"/>
                </StackLayout>
            </sfPopup:SfPopupLayout.Content>
        </sfPopup:SfPopupLayout>
    </ContentPage>

    ShowSeparator

    Gets or sets the value indicating whether the separator line of header or footer in Popup view should be displayed or not.

    Declaration
    public bool ShowSeparator { get; set; }
    Property Value
    Type
    System.Boolean
    Remarks

    This property is not applicable for UWP platform.

    Back to top Generated by DocFX
    Copyright © 2001 - 2025 Syncfusion Inc. All Rights Reserved