How to Customize custom content in PopupLayout

1 min read

You can customize the content of the PopupView with buttons or load any desired view inside the PopupView using the ContentTemplate property of the PopupView.

For example you can display the Login page inside the PopupLayout refer the below.

XAML

<sfPopup:SfPopupLayout x:Name="popupLayout">
 
        <sfPopup:SfPopupLayout.PopupView>
            <sfPopup:PopupView AppearanceMode="TwoButton" AcceptButtonText="Login" DeclineButtonText="Cancel" ShowHeader="False" HeaderHeight="250" >
 
                <sfPopup:PopupView.ContentTemplate>
                    <DataTemplate>
                        <StackLayout>
                            <Entry Text="UserName"></Entry>
                            <Entry Text="Pasword"></Entry>
                        </StackLayout>
                    </DataTemplate>
                </sfPopup:PopupView.ContentTemplate>
 
            </sfPopup:PopupView>
        </sfPopup:SfPopupLayout.PopupView>
 
            <sfPopup:SfPopupLayout.Content>
      <StackLayout x:Name="mainLayout">
                <Button x:Name="clickToShowPopup" Text="ClickToShowPopup" VerticalOptions="Start"
          HorizontalOptions="FillAndExpand"  />
            </StackLayout>
    </sfPopup:SfPopupLayout.Content>
</sfPopup:SfPopupLayout>

Sample

Did you find this information helpful?

Yes

Comments (0)

How to Customize custom content in PopupLayout

Access denied