Class PopupStyle

Represents the style of SfPopup.

Inheritance
System.Object
PopupStyle
Namespace: Syncfusion.Maui.Toolkit.Popup
Assembly: Syncfusion.Maui.Toolkit.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
Examples

The following code example demonstrates how to apply AcceptButtonBackground for the SfPopup control.

<popup:SfPopup x:Name="popup">
	<popup:SfPopup.PopupStyle>
	    <popup:PopupStyle AcceptButtonBackground ="DimGray" />
	</popup:SfPopup.PopupStyle>
</popup:SfPopup>
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
Examples

The following code example demonstrates how to apply AcceptButtonTextColor for the SfPopup control.

<popup:SfPopup x:Name="popup">
	<popup:SfPopup.PopupStyle>
	    <popup:PopupStyle AcceptButtonTextColor ="White" />
	</popup:SfPopup.PopupStyle>
</popup:SfPopup>
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
Examples

The following code example demonstrates how to apply BlurIntensity for the SfPopup control.

<popup:SfPopup x:Name="popup">
	<popup:SfPopup.PopupStyle>
	    <popup:PopupStyle BlurIntensity ="Custom" BlurRadius="5" />
	</popup:SfPopup.PopupStyle>
</popup:SfPopup>
See Also

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
System.Single
Examples

The following code example demonstrates how to apply BlurRadius for the SfPopup control.

<popup:SfPopup x:Name="popup">
	<popup:SfPopup.PopupStyle>
	    <popup:PopupStyle BlurIntensity ="Custom" BlurRadius="5" />
	</popup:SfPopup.PopupStyle>
</popup:SfPopup>

CloseButtonIcon

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

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

The following code example demonstrates how to set CloseButtonIcon for the SfPopup control.

<popup:SfPopup x:Name="popup">
	<popup:SfPopup.PopupStyle>
	    <popup:PopupStyle CloseButtonIcon ="close.png" />
	</popup:SfPopup.PopupStyle>
</popup:SfPopup>
See Also

CornerRadius

Gets or sets the corner radius for the Syncfusion.Maui.Toolkit.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.

Examples

The following code example demonstrates how to apply CornerRadius for the SfPopup control.

<popup:SfPopup x:Name="popup">
	<popup:SfPopup.PopupStyle>
	    <popup:PopupStyle CornerRadius="5" />
	</popup:SfPopup.PopupStyle>
</popup:SfPopup>

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
Examples

The following code example demonstrates how to apply DeclineButtonBackground for the SfPopup control.

<popup:SfPopup x:Name="popup">
	<popup:SfPopup.PopupStyle>
	    <popup:PopupStyle DeclineButtonBackground="DimGray" />
	</popup:SfPopup.PopupStyle>
</popup:SfPopup>
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
Examples

The following code example demonstrates how to apply DeclineButtonTextColor for the SfPopup control.

<popup:SfPopup x:Name="popup">
	<popup:SfPopup.PopupStyle>
	    <popup:PopupStyle DeclineButtonTextColor="White" />
	</popup:SfPopup.PopupStyle>
</popup:SfPopup>
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
Examples

The following code example demonstrates how to apply FooterBackground for the SfPopup control.

<popup:SfPopup x:Name="popup">
	<popup:SfPopup.PopupStyle>
	    <popup:PopupStyle FooterBackground="LightPink" />
	</popup:SfPopup.PopupStyle>
</popup:SfPopup>
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
Examples

The following code example demonstrates how to apply FooterButtonCornerRadius for the SfPopup control.

<popup:SfPopup x:Name="popup">
	<popup:SfPopup.PopupStyle>
	    <popup:PopupStyle FooterButtonCornerRadius ="0,20,20,0" />
	</popup:SfPopup.PopupStyle>
</popup:SfPopup>

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
Examples

The following code example demonstrates how to apply FooterFontAttribute for the SfPopup control.

<popup:SfPopup x:Name="popup">
	<popup:SfPopup.PopupStyle>
	    <popup:PopupStyle FooterFontAttribute="Bold" />
	</popup:SfPopup.PopupStyle>
</popup:SfPopup>
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
Examples

The following code example demonstrates how to apply FooterFontFamily for the SfPopup control.

<popup:SfPopup x:Name="popup">
	<popup:SfPopup.PopupStyle>
	    <popup:PopupStyle FooterFontFamily="OpenSans-Regular" />
	</popup:SfPopup.PopupStyle>
</popup:SfPopup>
See Also

FooterFontSize

Gets or sets the font size of the footer buttons.

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

The following code example demonstrates how to apply FooterFontSize for the SfPopup control.

<popup:SfPopup x:Name="popup">
	<popup:SfPopup.PopupStyle>
	    <popup:PopupStyle FooterFontSize="30" />
	</popup:SfPopup.PopupStyle>
</popup:SfPopup>
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
Examples

The following code example demonstrates how to apply HasShadow property for the SfPopup control.

<popup:SfPopup x:Name="popup">
	<popup:SfPopup.PopupStyle>
	    <popup:PopupStyle HasShadow="True" />
	</popup:SfPopup.PopupStyle>
</popup:SfPopup>

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
Examples

The following code example demonstrates how to apply HeaderBackground for the SfPopup control.

<popup:SfPopup x:Name="popup">
	<popup:SfPopup.PopupStyle>
	    <popup:PopupStyle HeaderBackground="DimGray" />
	</popup:SfPopup.PopupStyle>
</popup:SfPopup>
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
Examples

The following code example demonstrates how to apply HeaderFontAttribute for the SfPopup control.

<popup:SfPopup x:Name="popup">
	<popup:SfPopup.PopupStyle>
	    <popup:PopupStyle HeaderFontAttribute="Bold" />
	</popup:SfPopup.PopupStyle>
</popup:SfPopup>
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
Examples

The following code example demonstrates how to apply HeaderFontFamily for the SfPopup control.

<popup:SfPopup x:Name="popup">
	<popup:SfPopup.PopupStyle>
	    <popup:PopupStyle HeaderFontFamily="OpenSans-Regular" />
	</popup:SfPopup.PopupStyle>
</popup:SfPopup>
See Also

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 apply HeaderFontSize for the SfPopup control.

<popup:SfPopup x:Name="popup">
	<popup:SfPopup.PopupStyle>
	    <popup:PopupStyle HeaderFontSize="30" />
	</popup:SfPopup.PopupStyle>
</popup:SfPopup>
See Also

HeaderTextAlignment

Gets or sets the text alignment of the header.

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

The following code example demonstrates how to apply HeaderTextAlignment property for the SfPopup control.

<popup:SfPopup x:Name="popup">
	<popup:SfPopup.PopupStyle>
	    <popup:PopupStyle HeaderTextAlignment="Center" />
	</popup:SfPopup.PopupStyle>
</popup:SfPopup>
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
Examples

The following code example demonstrates how to apply HeaderTextColor property for the SfPopup control.

<popup:SfPopup x:Name="popup">
	<popup:SfPopup.PopupStyle>
	    <popup:PopupStyle HeaderTextColor="White" />
	</popup:SfPopup.PopupStyle>
</popup:SfPopup>
See Also

MessageBackground

Gets or sets the background color of content.

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

The following code example demonstrates how to apply MessageBackground property for the SfPopup control.

<popup:SfPopup x:Name="popup">
	<popup:SfPopup.PopupStyle>
	    <popup:PopupStyle MessageBackground="Yellow" />
	</popup:SfPopup.PopupStyle>
</popup:SfPopup>
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
Examples

The following code example demonstrates how to apply MessageFontAttribute property for the SfPopup control.

<popup:SfPopup x:Name="popup">
	<popup:SfPopup.PopupStyle>
	    <popup:PopupStyle MessageFontAttribute="Bold" />
	</popup:SfPopup.PopupStyle>
</popup:SfPopup>
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
Examples

The following code example demonstrates how to apply MessageFontFamily property for the SfPopup control.

<popup:SfPopup x:Name="popup">
	<popup:SfPopup.PopupStyle>
	    <popup:PopupStyle MessageFontFamily="OpenSans-Regular" />
	</popup:SfPopup.PopupStyle>
</popup:SfPopup>
See Also

MessageFontSize

Gets or sets the font size of the content.

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

The following code example demonstrates how to apply MessageFontSize property for the SfPopup control.

<popup:SfPopup x:Name="popup">
	<popup:SfPopup.PopupStyle>
	    <popup:PopupStyle MessageFontSize="30" />
	</popup:SfPopup.PopupStyle>
</popup:SfPopup>
See Also

MessageTextAlignment

Gets or sets the text alignment of the content.

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

The following code example demonstrates how to apply MessageTextAlignment property for the SfPopup control.

<popup:SfPopup x:Name="popup">
	<popup:SfPopup.PopupStyle>
	    <popup:PopupStyle MessageTextAlignment="Center" />
	</popup:SfPopup.PopupStyle>
</popup:SfPopup>
See Also

MessageTextColor

Gets or sets the foreground color of content.

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

The following code example demonstrates how to apply MessageTextColor for the SfPopup control.

<popup:SfPopup x:Name="popup">
	<popup:SfPopup.PopupStyle>
	    <popup:PopupStyle MessageTextColor="White" />
	</popup:SfPopup.PopupStyle>
</popup:SfPopup>
See Also

OverlayColor

Gets or sets the overlay color when PopupView is displayed.

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

The overlay color displayed when the PopupView is shown. Default is transparent.
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();
}
void clickToShowPopup_Clicked(object sender, EventArgs e)
{
(BindingContext as ViewModel).IsOpen = true;
}
}
}

<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>
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
Examples

The following code example demonstrates how to apply PopupBackground property for the SfPopup control.

<popup:SfPopup x:Name="popup">
	<popup:SfPopup.PopupStyle>
	    <popup:PopupStyle PopupBackground="White" />
	</popup:SfPopup.PopupStyle>
</popup:SfPopup>

Stroke

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

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

The following code example demonstrates how to apply Stroke property for the SfPopup control.

<popup:SfPopup x:Name="popup">
	<popup:SfPopup.PopupStyle>
	    <popup:PopupStyle Stroke="Red" />
	</popup:SfPopup.PopupStyle>
</popup:SfPopup>

StrokeThickness

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

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

The following code example demonstrates how to apply StrokeThickness for the SfPopup control.

<popup:SfPopup x:Name="popup">
	<popup:SfPopup.PopupStyle>
	    <popup:PopupStyle StrokeThickness="5" />
	</popup:SfPopup.PopupStyle>
</popup:SfPopup>