Class PopupStyle

Represents the style of SfPopup.

Inheritance
System.Object
PopupStyle
Namespace: Syncfusion.Maui.Popup
Assembly: Syncfusion.Maui.Popup.dll
Syntax
public class PopupStyle : Element, IThemeElement

Constructors

PopupStyle()

Declaration
public PopupStyle()

Fields

AcceptButtonBackgroundProperty

Identifies the AcceptButtonBackground Microsoft.Maui.Controls.BindableProperty.

Declaration
public static readonly BindableProperty AcceptButtonBackgroundProperty
Field Value
Type
Microsoft.Maui.Controls.BindableProperty

AcceptButtonTextColorProperty

Identifies the AcceptButtonTextColor Microsoft.Maui.Controls.BindableProperty.

Declaration
public static readonly BindableProperty AcceptButtonTextColorProperty
Field Value
Type
Microsoft.Maui.Controls.BindableProperty

BlurIntensityProperty

Identifies the BlurIntensity Microsoft.Maui.Controls.BindableProperty.

Declaration
public static readonly BindableProperty BlurIntensityProperty
Field Value
Type
Microsoft.Maui.Controls.BindableProperty

BlurRadiusProperty

Identifies the BlurRadius Microsoft.Maui.Controls.BindableProperty.

Declaration
public static readonly BindableProperty BlurRadiusProperty
Field Value
Type
Microsoft.Maui.Controls.BindableProperty

CloseButtonIconProperty

Identifies the CloseButtonIcon Microsoft.Maui.Controls.BindableProperty.

Declaration
public static readonly BindableProperty CloseButtonIconProperty
Field Value
Type
Microsoft.Maui.Controls.BindableProperty

CornerRadiusProperty

Identifies the CornerRadius Microsoft.Maui.Controls.BindableProperty.

Declaration
public static readonly BindableProperty CornerRadiusProperty
Field Value
Type
Microsoft.Maui.Controls.BindableProperty

DeclineButtonBackgroundProperty

Identifies the DeclineButtonBackground Microsoft.Maui.Controls.BindableProperty.

Declaration
public static readonly BindableProperty DeclineButtonBackgroundProperty
Field Value
Type
Microsoft.Maui.Controls.BindableProperty

DeclineButtonTextColorProperty

Identifies the DeclineButtonTextColor Microsoft.Maui.Controls.BindableProperty.

Declaration
public static readonly BindableProperty DeclineButtonTextColorProperty
Field Value
Type
Microsoft.Maui.Controls.BindableProperty

FooterBackgroundProperty

Identifies the FooterBackground Microsoft.Maui.Controls.BindableProperty.

Declaration
public static readonly BindableProperty FooterBackgroundProperty
Field Value
Type
Microsoft.Maui.Controls.BindableProperty

FooterButtonCornerRadiusProperty

Identifies the FooterButtonCornerRadius Microsoft.Maui.Controls.BindableProperty.

Declaration
public static readonly BindableProperty FooterButtonCornerRadiusProperty
Field Value
Type
Microsoft.Maui.Controls.BindableProperty

FooterFontAttributeProperty

Identifies the FooterFontAttribute Microsoft.Maui.Controls.BindableProperty.

Declaration
public static readonly BindableProperty FooterFontAttributeProperty
Field Value
Type
Microsoft.Maui.Controls.BindableProperty

FooterFontFamilyProperty

Identifies the FooterFontFamily Microsoft.Maui.Controls.BindableProperty.

Declaration
public static readonly BindableProperty FooterFontFamilyProperty
Field Value
Type
Microsoft.Maui.Controls.BindableProperty

FooterFontSizeProperty

Identifies the FooterFontSize Microsoft.Maui.Controls.BindableProperty.

Declaration
public static readonly BindableProperty FooterFontSizeProperty
Field Value
Type
Microsoft.Maui.Controls.BindableProperty

HasShadowProperty

Identifies the HasShadow Microsoft.Maui.Controls.BindableProperty.

Declaration
public static readonly BindableProperty HasShadowProperty
Field Value
Type
Microsoft.Maui.Controls.BindableProperty

HeaderBackgroundProperty

Identifies the HeaderBackground Microsoft.Maui.Controls.BindableProperty.

Declaration
public static readonly BindableProperty HeaderBackgroundProperty
Field Value
Type
Microsoft.Maui.Controls.BindableProperty

HeaderFontAttributeProperty

Identifies the HeaderFontAttribute Microsoft.Maui.Controls.BindableProperty.

Declaration
public static readonly BindableProperty HeaderFontAttributeProperty
Field Value
Type
Microsoft.Maui.Controls.BindableProperty

HeaderFontFamilyProperty

Identifies the HeaderFontFamily Microsoft.Maui.Controls.BindableProperty.

Declaration
public static readonly BindableProperty HeaderFontFamilyProperty
Field Value
Type
Microsoft.Maui.Controls.BindableProperty

HeaderFontSizeProperty

Identifies the HeaderFontSize Microsoft.Maui.Controls.BindableProperty.

Declaration
public static readonly BindableProperty HeaderFontSizeProperty
Field Value
Type
Microsoft.Maui.Controls.BindableProperty

HeaderTextAlignmentProperty

Identifies the HeaderTextAlignment Microsoft.Maui.Controls.BindableProperty.

Declaration
public static readonly BindableProperty HeaderTextAlignmentProperty
Field Value
Type
Microsoft.Maui.Controls.BindableProperty

HeaderTextColorProperty

Identifies the HeaderTextColor Microsoft.Maui.Controls.BindableProperty.

Declaration
public static readonly BindableProperty HeaderTextColorProperty
Field Value
Type
Microsoft.Maui.Controls.BindableProperty

MessageBackgroundProperty

Identifies the MessageBackground Microsoft.Maui.Controls.BindableProperty.

Declaration
public static readonly BindableProperty MessageBackgroundProperty
Field Value
Type
Microsoft.Maui.Controls.BindableProperty

MessageFontAttributeProperty

Identifies the MessageFontAttribute Microsoft.Maui.Controls.BindableProperty.

Declaration
public static readonly BindableProperty MessageFontAttributeProperty
Field Value
Type
Microsoft.Maui.Controls.BindableProperty

MessageFontFamilyProperty

Identifies the MessageFontFamily Microsoft.Maui.Controls.BindableProperty.

Declaration
public static readonly BindableProperty MessageFontFamilyProperty
Field Value
Type
Microsoft.Maui.Controls.BindableProperty

MessageFontSizeProperty

Identifies the MessageFontSize Microsoft.Maui.Controls.BindableProperty.

Declaration
public static readonly BindableProperty MessageFontSizeProperty
Field Value
Type
Microsoft.Maui.Controls.BindableProperty

MessageTextAlignmentProperty

Identifies the MessageTextAlignment Microsoft.Maui.Controls.BindableProperty.

Declaration
public static readonly BindableProperty MessageTextAlignmentProperty
Field Value
Type
Microsoft.Maui.Controls.BindableProperty

MessageTextColorProperty

Identifies the MessageTextColor Microsoft.Maui.Controls.BindableProperty.

Declaration
public static readonly BindableProperty MessageTextColorProperty
Field Value
Type
Microsoft.Maui.Controls.BindableProperty

OverlayColorProperty

Identifies the OverlayColor Microsoft.Maui.Controls.BindableProperty.

Declaration
public static readonly BindableProperty OverlayColorProperty
Field Value
Type
Microsoft.Maui.Controls.BindableProperty

PopupBackgroundProperty

Identifies the PopupBackground Microsoft.Maui.Controls.BindableProperty.

Declaration
public static readonly BindableProperty PopupBackgroundProperty
Field Value
Type
Microsoft.Maui.Controls.BindableProperty

StrokeProperty

Identifies the Stroke Microsoft.Maui.Controls.BindableProperty.

Declaration
public static readonly BindableProperty StrokeProperty
Field Value
Type
Microsoft.Maui.Controls.BindableProperty

StrokeThicknessProperty

Identifies the StrokeThickness Microsoft.Maui.Controls.BindableProperty.

Declaration
public static readonly BindableProperty StrokeThicknessProperty
Field Value
Type
Microsoft.Maui.Controls.BindableProperty

Properties

AcceptButtonBackground

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

Declaration
public Brush AcceptButtonBackground { get; set; }
Property Value
Type
Microsoft.Maui.Controls.Brush
See Also

AcceptButtonTextColor

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

Declaration
public Color AcceptButtonTextColor { get; set; }
Property Value
Type
Microsoft.Maui.Graphics.Color
See Also

BlurIntensity

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

Declaration
public PopupBlurIntensity BlurIntensity { get; set; }
Property Value
Type
PopupBlurIntensity
See Also

BlurRadius

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

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

CloseButtonIcon

Gets or sets the image to be placed in the header close button for the Syncfusion.Maui.Popup.PopupView.

Declaration
public ImageSource CloseButtonIcon { get; set; }
Property Value
Type
Microsoft.Maui.Controls.ImageSource
See Also

CornerRadius

Gets or sets the corner radius for the Syncfusion.Maui.Popup.PopupView.

Declaration
public CornerRadius CornerRadius { get; set; }
Property Value
Type
Microsoft.Maui.CornerRadius
Remarks

On Android 33 and above, it is possible to set different corner radii for each corner using the CornerRadius class. However, on versions below Android 33, if the same value is provided for all corners, a corner radius will be applied. If different values are provided for each corner, the corner radius may not be applied.

DeclineButtonBackground

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

Declaration
public Brush DeclineButtonBackground { get; set; }
Property Value
Type
Microsoft.Maui.Controls.Brush
See Also

DeclineButtonTextColor

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

Declaration
public Color DeclineButtonTextColor { get; set; }
Property Value
Type
Microsoft.Maui.Graphics.Color
See Also

FooterBackground

Gets or sets the background color of the SfPopup footer.

Declaration
public Brush FooterBackground { get; set; }
Property Value
Type
Microsoft.Maui.Controls.Brush
See Also

FooterButtonCornerRadius

Gets or sets the corner radius of the accept and decline buttons in the footer. The default value is 20.

Declaration
public CornerRadius FooterButtonCornerRadius { get; set; }
Property Value
Type
Microsoft.Maui.CornerRadius

FooterFontAttribute

Gets or sets the font attribute to be applied for the footer buttons.

Declaration
public FontAttributes FooterFontAttribute { get; set; }
Property Value
Type
Microsoft.Maui.Controls.FontAttributes
See Also

FooterFontFamily

Gets or sets the font style to be applied for the footer buttons.

Declaration
public string FooterFontFamily { get; set; }
Property Value
Type
System.String
See Also

FooterFontSize

Gets or sets the font size of the footer buttons.

Declaration
public double FooterFontSize { get; set; }
Property Value
Type
System.Double
See Also

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

HeaderBackground

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

Declaration
public Brush HeaderBackground { get; set; }
Property Value
Type
Microsoft.Maui.Controls.Brush
See Also

HeaderFontAttribute

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

Declaration
public FontAttributes HeaderFontAttribute { get; set; }
Property Value
Type
Microsoft.Maui.Controls.FontAttributes
See Also

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
See Also

HeaderFontSize

Gets or sets the font size of the header title.

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

HeaderTextAlignment

Gets or sets the text alignment of the header.

Declaration
public TextAlignment HeaderTextAlignment { get; set; }
Property Value
Type
Microsoft.Maui.TextAlignment
See Also

HeaderTextColor

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

Declaration
public Color HeaderTextColor { get; set; }
Property Value
Type
Microsoft.Maui.Graphics.Color
See Also

MessageBackground

Gets or sets the background color of content.

Declaration
public Brush MessageBackground { get; set; }
Property Value
Type
Microsoft.Maui.Controls.Brush
See Also

MessageFontAttribute

Gets or sets the font attribute to be applied for the content.

Declaration
public FontAttributes MessageFontAttribute { get; set; }
Property Value
Type
Microsoft.Maui.Controls.FontAttributes
See Also

MessageFontFamily

Gets or sets the font style to be applied for the content.

Declaration
public string MessageFontFamily { get; set; }
Property Value
Type
System.String
See Also

MessageFontSize

Gets or sets the font size of the content.

Declaration
public double MessageFontSize { get; set; }
Property Value
Type
System.Double
See Also

MessageTextAlignment

Gets or sets the text alignment of the content.

Declaration
public TextAlignment MessageTextAlignment { get; set; }
Property Value
Type
Microsoft.Maui.TextAlignment
See Also

MessageTextColor

Gets or sets the foreground color of content.

Declaration
public Color MessageTextColor { get; set; }
Property Value
Type
Microsoft.Maui.Graphics.Color
See Also

OverlayColor

Gets or sets the overlay color when PopupView is displayed.

Declaration
public Brush OverlayColor { get; set; }
Property Value
Type
Microsoft.Maui.Controls.Brush
Remarks

Opacity of the OverlayColor can be customized using Alpha value.

Examples

The following code example demonstrates how to apply opacity with OverlayColor.

using System.ComponentModel;

namespace PopupMAUI
{
public partial class MainPage : ContentPage
{
public MainPage()
{
InitializeComponent();
}
private void clickToShowPopup_Clicked(object sender, EventArgs e)
{
(this.BindingContext as ViewModel).IsOpen = true;
}
}
}

<?xml version = "1.0" encoding="utf-8" ?>
<ContentPage xmlns = "http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:syncfusion="clr-namespace:Syncfusion.Maui.Popup;assembly=Syncfusion.Maui.Popup"
    xmlns:local="clr-namespace:PopupMAUI"
    x:Class="PopupMAUI.MainPage">
<ContentPage.BindingContext>
    <local:ViewModel/>
</ContentPage.BindingContext>
<ContentPage.Content>
   <StackLayout WidthRequest = "500" >
       <syncfusion:SfPopup x:Name="popup" IsOpen="{Binding IsOpen}">
                   <syncfusion:SfPopup.PopupStyle>
                        <syncfusion:PopupStyle OverlayColor="rgba(0,0,0,0.5)"/>
                    </syncfusion:SfPopup.PopupStyle>
       </syncfusion:SfPopup>
       <Button x:Name="clickToShowPopup" Text="Click To Show Popup" Clicked="clickToShowPopup_Clicked"/>
   </StackLayout>
</ContentPage.Content>
</ContentPage>
See Also

PopupBackground

Gets or sets the background color of the PopupView.

Declaration
public Brush PopupBackground { get; set; }
Property Value
Type
Microsoft.Maui.Controls.Brush

Stroke

Gets or sets the border color for the Syncfusion.Maui.Popup.PopupView.

Declaration
public Color Stroke { get; set; }
Property Value
Type
Microsoft.Maui.Graphics.Color

StrokeThickness

Gets or sets the border thickness for the Syncfusion.Maui.Popup.PopupView.

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