DXPopup.ScrimColor Property

Gets or sets the scrim color and transparency. This is a bindable property.

Namespace: DevExpress.Maui.Controls

Assembly: DevExpress.Maui.Controls.dll

NuGet Package: DevExpress.Maui.Controls

Declaration

public Color ScrimColor { get; set; }

Property Value

Type	Description
Color	Scrim color and transparency.

Remarks

Set the AllowScrim property to True to enable a scrim and use the DXPopup as a modal window (which blocks the rest of the UI until the DXPopup is addressed). You can apply an overlay color (transparent, if required) outside the DXPopup to indicate that a user must interact with the DXPopup in order to return to the underlying UI. The ScrimColor property allows you to customize the scrim color and transparency.

Example

This example shows how to specify the scrim to block interaction with the rest of the UI until a user taps the button within the Popup to close it.

XAML

<dxco:DXPopup x:Name="popup" 
              AllowScrim="True"
              ScrimColor="#b3adb9ce">
    <StackLayout WidthRequest="200">
        <Label Text="This is the DevExpress .NET MAUI Popup component displayed as a dialog. 
         Tap outside the popup to hide it." Margin="10, 10"/>
        <Button Text="Close the Popup" Clicked="ClosePopup_Clicked" 
                BackgroundColor="Transparent" TextColor="#343434"></Button>
    </StackLayout>
</dxco:DXPopup>

C#

void ClosePopup_Clicked(System.Object sender, System.EventArgs e) {
    popup.IsOpen = false;
}