Create full screen and transparent SfPopup

Thread ID:	Created:	Updated:	Platform:	Replies:
141131	Nov 26,2018 10:41 AM UTC	Nov 27,2018 07:06 AM UTC	Xamarin.Forms	1

Subscribe to this post

Tags: SfPopup

Jan Najlepsi

Asked On November 26, 2018 10:41 AM UTC

Hi it is possible create full screen and transparent SfPopup? My goal is create busy popup dialog.

I tried this.

_popupLayout = new SfPopupLayout();

_popupLayout.PopupView.ShowHeader = false;

_popupLayout.PopupView.ShowCloseButton = false;

_popupLayout.PopupView.ShowFooter = false;

_popupLayout.PopupView.HeaderTitle = string.Empty;

_popupLayout.PopupView.Opacity = 0;

_popupLayout.Opacity = 0;

var templateView = new DataTemplate(() => new BusyDialogView

{

BindingContext = new BusyIndicatorStatusViewModel { IsBusy = true, Title = "Awesome busy message" }

});

_popupLayout.PopupView.ContentTemplate = templateView;

BusyDialogView

<ContentView.Content>

<sfBusyIndicator:SfBusyIndicator

AnimationType="SingleCircle"

HorizontalOptions="Center"

IsBusy="{Binding IsBusy}"

TextColor="{StaticResource BusyIndicatorColor}"

VerticalOptions="Center" />

<Label

Margin="0,-50,0,0"

HorizontalTextAlignment="Center"

Text="{Binding Title}"

TextColor="{StaticResource BusyIndicatorColor}" />

</StackLayout>

</ContentView.Content>

But popup is still white background.

Reply | Reply with quote

Vigneshkumar Ramasamy [Syncfusion]

Replied On November 27, 2018 07:06 AM UTC

Hi Jan,

Thanks for contacting Syncfusion Support.

Your requirement “To create a transparent popup” can be achieved by setting SfPopupLayout.PopupView.PopupStyle.BorderColor as Transparent and Transparent background color to the view loaded in the DataTemplate of the SfPopupLayout.PopupView.ContentTemplate.

Your requirement to create a full screen popup can be achieved by setting SfPopupLayout.PopupView.HorizontalOptions andSfPopupLayout.PopupView.VerticalOptions as “FillAndExpand”.

Please find the code snippet of the same below.

<sfPopup:SfPopupLayout x:Name="popupLayout">

<sfPopup:SfPopupLayout.PopupView>

<sfPopup:PopupView ShowHeader="False" ShowFooter="False"VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand" >

<sfPopup:PopupView.PopupStyle>

<sfPopup:PopupStyle BorderColor="Transparent"/>

</sfPopup:PopupView.PopupStyle>

<sfPopup:PopupView.ContentTemplate>

</DataTemplate>

</sfPopup:PopupView.ContentTemplate>

</sfPopup:PopupView>

</sfPopup:SfPopupLayout.PopupView>

<sfPopup:SfPopupLayout.Content>

</StackLayout>

</sfPopup:SfPopupLayout.Content>

</sfPopup:SfPopupLayout>

We have prepared the sample as per your requirement, you can download the same from the below link.

Sample Link: http://www.syncfusion.com/downloads/support/forum/141131/ze/PopupDemo-1737320595

Regards,

Vigneshkumar R

Reply | Reply with quote

Create full screen and transparent SfPopup

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US