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	Description
Xamarin.Forms.BindableProperty

AcceptButtonTextColorProperty

Identifies the AcceptButtonTextColor Xamarin.Forms.BindableProperty.

Declaration

public static readonly BindableProperty AcceptButtonTextColorProperty

Field Value

Type	Description
Xamarin.Forms.BindableProperty

BlurIntensityProperty

Identifies the BlurIntensity Xamarin.Forms.BindableProperty.

Declaration

public static readonly BindableProperty BlurIntensityProperty

Field Value

Type	Description
Xamarin.Forms.BindableProperty

BlurRadiusProperty

Identifies the BlurRadius Xamarin.Forms.BindableProperty.

Declaration

public static readonly BindableProperty BlurRadiusProperty

Field Value

Type	Description
Xamarin.Forms.BindableProperty

BorderColorProperty

Identifies the BorderColor Xamarin.Forms.BindableProperty.

Declaration

public static readonly BindableProperty BorderColorProperty

Field Value

Type	Description
Xamarin.Forms.BindableProperty

ContentBackgroundColorProperty

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

Declaration

public static readonly BindableProperty ContentBackgroundColorProperty

Field Value

Type	Description
Xamarin.Forms.BindableProperty

ContentTextColorProperty

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

Declaration

public static readonly BindableProperty ContentTextColorProperty

Field Value

Type	Description
Xamarin.Forms.BindableProperty

DeclineButtonBackgroundColorProperty

Identifies the DeclineButtonBackgroundColor Xamarin.Forms.BindableProperty.

Declaration

public static readonly BindableProperty DeclineButtonBackgroundColorProperty

Field Value

Type	Description
Xamarin.Forms.BindableProperty

DeclineButtonTextColorProperty

Identifies the DeclineButtonTextColor Xamarin.Forms.BindableProperty.

Declaration

public static readonly BindableProperty DeclineButtonTextColorProperty

Field Value

Type	Description
Xamarin.Forms.BindableProperty

FooterBackgroundColorProperty

Identifies the FooterBackgroundColor Xamarin.Forms.BindableProperty.

Declaration

public static readonly BindableProperty FooterBackgroundColorProperty

Field Value

Type	Description
Xamarin.Forms.BindableProperty

HeaderBackgroundColorProperty

Identifies the HeaderBackgroundColor Xamarin.Forms.BindableProperty.

Declaration

public static readonly BindableProperty HeaderBackgroundColorProperty

Field Value

Type	Description
Xamarin.Forms.BindableProperty

HeaderTextColorProperty

Identifies the HeaderTextColor Xamarin.Forms.BindableProperty.

Declaration

public static readonly BindableProperty HeaderTextColorProperty

Field Value

Type	Description
Xamarin.Forms.BindableProperty

OverlayColorProperty

Identifies the OverlayColor Xamarin.Forms.BindableProperty.

Declaration

public static readonly BindableProperty OverlayColorProperty

Field Value

Type	Description
Xamarin.Forms.BindableProperty

OverlayOpacityProperty

Identifies the OverlayOpacity Xamarin.Forms.BindableProperty.

Declaration

public static readonly BindableProperty OverlayOpacityProperty

Field Value

Type	Description
Xamarin.Forms.BindableProperty

ShowSeparatorProperty

Identifies the ShowSeparator Xamarin.Forms.BindableProperty.

Declaration

public static readonly BindableProperty ShowSeparatorProperty

Field Value

Type	Description
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	Description
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	Description
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	Description
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	Description
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	Description
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	Description
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	Description
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	Description
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	Description
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	Description
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	Description
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	Description
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	Description
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	Description
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	Description
System.Boolean

Remarks

This property is not applicable for UWP platform.