Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
28 changes: 26 additions & 2 deletions MAUI/Popup/popup-positioning.md
Original file line number Diff line number Diff line change
Expand Up @@ -318,10 +318,33 @@ SfPopup popup = new SfPopup();
popup.AutoCloseDuration = 3000;
popup.IsOpen = true;
{% endhighlight %}
{% endtabs %}
{% endtabs %}

![Dismiss the popup automatically after a specified delay in the .NET MAUI Popup.](Images/popup-positioning/maui-popup-autocloseduration.gif)

## Position the popup over the action bar

The SfPopup can be positioned without considering the action bar by using the [SfPopup.IgnoreActionBar](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Popup.SfPopup.html#Syncfusion_Maui_Popup_SfPopup_IgnoreActionBar) property. When set to true, this allows the popup to be positioned over the action bar without any constraints.

{% tabs %}
{% highlight xaml hl_lines="2" %}
<syncfusion:SfPopup x:Name="popup"
IgnoreActionBar="True">
</syncfusion:SfPopup>
{% endhighlight %}
{% highlight c# hl_lines="2" %}
SfPopup popup = new SfPopup();
popup.IgnoreActionBar = True;
popup.Show(0,0);
{% endhighlight %}
{% endtabs %}

![Positioning the popup without considering action bar](Images/popup-positioning/maui-popup-popsitioning-without-actionbar-consideration.png)

If `IgnoreActionBar` is set to false, the popup positioning will take the action bar into account, ensuring it does not overlap.

This feature is useful when you want to display the popup freely across the screen, including over the action bar.

## How to

### Returning result
Expand Down Expand Up @@ -690,4 +713,5 @@ Download the entire source code from GitHub [here](https://github.com/Syncfusion
</ContentPage.Content>
</ContentPage>
{% endhighlight %}
{% endtabs %}
{% endtabs %}