diff --git a/maui-toolkit/Popup/Popup-Events.md b/maui-toolkit/Popup/Popup-Events.md index 1091e15..c52b4a2 100644 --- a/maui-toolkit/Popup/Popup-Events.md +++ b/maui-toolkit/Popup/Popup-Events.md @@ -18,7 +18,7 @@ There are four built-in events in the SfPopup control namely: ## Opening event -The `Opening` event will be fired whenever opening the Popup in the application. It can cancel popup opening with `CancelEventArgs` that contains the following property: +The [Opening](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_Opening) event will be fired whenever opening the Popup in the application. It can cancel popup opening with `CancelEventArgs` that contains the following property: * `Cancel`: Popup opening is based on this value. @@ -43,7 +43,7 @@ private void Popup_Opening(object sender, System.ComponentModel.CancelEventArgs ## Opened event -The `Opened` event will be fired whenever displaying the Popup in the application. +The [Opened](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_Opened) event will be fired whenever displaying the Popup in the application. You can execute your own set of codes once the popup is opened, and visible in the application in its respective event handler. @@ -68,7 +68,7 @@ private void Popup_Opened(object sender, EventArgs e) ## Closing event -The `Closing` event will be fired whenever closing the Popup in the application. It can cancel the popup closing with `CancelEventArgs` that contains the following property: +The [Closing](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_Closing) event will be fired whenever closing the Popup in the application. It can cancel the popup closing with `CancelEventArgs` that contains the following property: * `Cancel`: Popup closing is based on this value. @@ -93,7 +93,7 @@ private void Popup_Closing(object sender, System.ComponentModel.CancelEventArgs ## Closed event -The `Closed` event will be fired whenever dismissing the Popup from the view. +The [Closed](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_Closed) event will be fired whenever dismissing the Popup from the view. You can execute your own set of codes once the popup is completely closed in its respective event handler. @@ -118,7 +118,7 @@ private void Popup_Closed(object sender, EventArgs e) ## Accept command -The `AcceptCommand` will be fired when clicking the Accept button in the popup footer. +The [AcceptCommand](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_AcceptCommand) will be fired when clicking the Accept button in the popup footer. To handle the Accept button, @@ -126,7 +126,7 @@ To handle the Accept button, * To prevent the popup from closing, return false in the `CanExecute()` override method and the `Execute()` override method will not be fired. * Else return true in the `CanExecute()` override method and do the required operations in the `Execute()` method. * Now, create a property of your custom command type in the view model class and initialize it. -* Bind the property in the view model to the `AcceptCommand` in XAML. +* Bind the property in the view model to the [AcceptCommand](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_AcceptCommand) in XAML. {% tabs %} @@ -199,7 +199,7 @@ class PopupViewModel : INotifyPropertyChanged ## Decline command -The `DeclineCommand` will be fired when clicking the Decline button in the popup footer. +The [DeclineCommand](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_DeclineCommand) will be fired when clicking the Decline button in the popup footer. To handle the Decline button, @@ -207,7 +207,7 @@ To handle the Decline button, * To prevent the popup from closing, return false in the `CanExecute()` override method and the `Execute()` override method will not be fired. * Else return true in the `CanExecute()` override method and do the required operations in the `Execute()` method. * Now, create a property of your custom command type in the view model class and initialize it. -* Bind the property in the view model to the `DeclineCommand` in XAML. +* Bind the property in the view model to the [DeclineCommand](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_DeclineCommand) in XAML. {% tabs %} diff --git a/maui-toolkit/Popup/getting-started.md b/maui-toolkit/Popup/getting-started.md index 05e63f5..d52981e 100644 --- a/maui-toolkit/Popup/getting-started.md +++ b/maui-toolkit/Popup/getting-started.md @@ -9,7 +9,7 @@ documentation: ug # Getting Started with .NET MAUI Popup -This section guides you through setting up and configuring a `Popup` in your .NET MAUI application. Follow the steps below to add a basic Popup to your project. +This section guides you through setting up and configuring a [Popup](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html) in your .NET MAUI application. Follow the steps below to add a basic Popup to your project. {% tabcontents %} {% tabcontent Visual Studio %} @@ -68,7 +68,7 @@ namespace GettingStarted ## Step 4: Add a Basic Popup 1. To initialize the control, import the `Syncfusion.Maui.Toolkit.Popup` namespace into your code. - 2. Initialize `SfPopup` class. + 2. Initialize [SfPopup](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html) class. {% tabs %} {% highlight xaml tabtitle="MainPage.xaml" %} @@ -100,7 +100,7 @@ public partial class MainPage : ContentPage ## Step 5: Displaying popup -Display a popup over your view by calling the `Show` method. +Display a popup over your view by calling the [Show](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_Show_System_Boolean_) method. Refer to the following code example for displaying popup using Button's Click event. @@ -215,7 +215,7 @@ namespace GettingStarted ## Step 4: Add a Basic Popup 1. To initialize the control, import the `Syncfusion.Maui.Toolkit.Popup` namespace into your code. - 2. Initialize `SfPopup` class. + 2. Initialize [SfPopup](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html) class. {% tabs %} {% highlight xaml tabtitle="MainPage.xaml" %} @@ -247,7 +247,7 @@ public partial class MainPage : ContentPage ## Step 5: Displaying popup -Display a popup over your view by calling the `Show` method. +Display a popup over your view by calling the [Show](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_Show_System_Boolean_) method. Refer to the following code example for displaying popup using Button's Click event. @@ -361,7 +361,7 @@ namespace GettingStarted ## Step 4: Add a Basic Popup 1. To initialize the control, import the `Syncfusion.Maui.Toolkit.Popup` namespace into your code. - 2. Initialize `SfPopup` class. + 2. Initialize [SfPopup](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html) class. {% tabs %} {% highlight xaml tabtitle="MainPage.xaml" %} @@ -395,7 +395,7 @@ public partial class MainPage : ContentPage ## Close the popup -To close the popup programmatically, you can call either the `Dismiss` method or set the IsOpen property to false. +To close the popup programmatically, you can call either the [Dismiss](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_Dismiss) method or set the IsOpen property to false. Refer to the following code example for dismissing popup. @@ -419,17 +419,17 @@ The .NET MAUI Popup (SfPopup) allows showing the popup content at various positi The following list of options is available to position the SfPopup in the desired position: -* `Center Positioning`: Use the `IsOpen` property or `Show` method to display the SfPopup at the center. -* `Absolute Positioning`: Use the `Show(x-position, y-position)` to display the SfPopup at the specified X and y position. -* `Relative Positioning`: Use the `ShowRelativeToView(View, RelativePosition)` to display the SfPopup at any of the 8 positions relative to the specified view. -* `Absolute relative positioning`: Use the `ShowRelativeToView(View, RelativePosition,x position,y position)` to display the SfPopup at an absolute x,y coordinate from the relative position of the specified view. +* `Center Positioning`: Use the [IsOpen](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_IsOpen) property or [Show](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_Show_System_Boolean_) method to display the SfPopup at the center. +* `Absolute Positioning`: Use the [Show(x-position, y-position)](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_Show_System_Double_System_Double_) to display the SfPopup at the specified X and y position. +* `Relative Positioning`: Use the [ShowRelativeToView(View, RelativePosition)](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_ShowRelativeToView_Microsoft_Maui_Controls_View_Syncfusion_Maui_Toolkit_Popup_PopupRelativePosition_System_Double_System_Double_) to display the SfPopup at any of the 8 positions relative to the specified view. +* `Absolute relative positioning`: Use the [ShowRelativeToView(View, RelativePosition,x position,y position)](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_ShowRelativeToView_Microsoft_Maui_Controls_View_Syncfusion_Maui_Toolkit_Popup_PopupRelativePosition_System_Double_System_Double_) to display the SfPopup at an absolute x,y coordinate from the relative position of the specified view. ## Customizing layouts -By default, choose a layout from the following available layouts in the SfPopup by using the `AppearanceMode` property. +By default, choose a layout from the following available layouts in the SfPopup by using the [AppearanceMode](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_AppearanceMode) property. -* `OneButton`: Shows the SfPopup with one button in the footer view. This is the default value. -* `TwoButton`: Shows the SfPopup with two buttons in the footer view. +* [OneButton]()https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.PopupButtonAppearanceMode.html#Syncfusion_Maui_Toolkit_Popup_PopupButtonAppearanceMode_OneButton) : Shows the SfPopup with one button in the footer view. This is the default value. +* [TwoButton](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.PopupButtonAppearanceMode.html#Syncfusion_Maui_Toolkit_Popup_PopupButtonAppearanceMode_TwoButton): Shows the SfPopup with two buttons in the footer view. Also, customize the entire popup view by loading the templates or custom views for the header, body, and footer. @@ -487,7 +487,7 @@ namespace GettingStarted ## Load template view in the popup body -Any view can be added as popup content by using the `ContentTemplate` property to refresh it. Refer to the following code example in which a label is added as popup content. +Any view can be added as popup content by using the [ContentTemplate](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_ContentTemplate) property to refresh it. Refer to the following code example in which a label is added as popup content. {% tabs %} diff --git a/maui-toolkit/Popup/layout-customizations.md b/maui-toolkit/Popup/layout-customizations.md index c65df9e..21ee8ad 100644 --- a/maui-toolkit/Popup/layout-customizations.md +++ b/maui-toolkit/Popup/layout-customizations.md @@ -11,7 +11,7 @@ documentation: ug ## Popup appearance mode for footer -The `SfPopup` supports two types of `AppearanceMode`. By default, the `OneButton` is set. Change the appearance by using the `AppearanceMode` property. +The [SfPopup](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html) supports two types of [AppearanceMode](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_AppearanceMode). By default, the [OneButton](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.PopupButtonAppearanceMode.html#Syncfusion_Maui_Toolkit_Popup_PopupButtonAppearanceMode_OneButton) is set. Change the appearance by using the [AppearanceMode](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_AppearanceMode) property. The two different appearance modes in the SfPopup are as follows: @@ -26,7 +26,7 @@ The two different appearance modes in the SfPopup are as follows:
Shows the SfPopup with two buttons (accept & decline buttons) in the footer view.
-In the following code example, set the `AppearanceMode` property as `OneButton`, which displays only the Accept button in the footer view. +In the following code example, set the [AppearanceMode](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_AppearanceMode) property as [OneButton](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.PopupButtonAppearanceMode.html#Syncfusion_Maui_Toolkit_Popup_PopupButtonAppearanceMode_OneButton), which displays only the Accept button in the footer view. {% tabs %} {% highlight xaml tabtitle="MainPage.xaml" hl_lines="11" %} @@ -70,7 +70,7 @@ public partial class MainPage : ContentPage ![.NET MAUI Popup with accept button](Images/layout-customizations/maui-popup-appearance-mode-one-button.png) -In the following code example, set the `AppearanceMode` property as `TwoButton`, which displays both Accept and Decline buttons in the footer view. +In the following code example, set the [AppearanceMode](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_AppearanceMode) property as [TwoButton](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.PopupButtonAppearanceMode.html#Syncfusion_Maui_Toolkit_Popup_PopupButtonAppearanceMode_TwoButton), which displays both Accept and Decline buttons in the footer view. {% tabs %} {% highlight xaml tabtitle="MainPage.xaml" hl_lines="11" %} @@ -118,7 +118,7 @@ public partial class MainPage : ContentPage ### Disable header -Display the Popup without a header by using the property `ShowHeader`. The default value is true. Find the code example of the same as follows. +Display the Popup without a header by using the property [ShowHeader](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_ShowHeader). The default value is true. Find the code example of the same as follows. {% tabs %} {% highlight xaml tabtitle="MainPage.xaml" hl_lines="11" %} @@ -163,7 +163,7 @@ public partial class MainPage : ContentPage ### Enable footer -Display the Popup with the footer by using the `ShowFooter` property. The default value is false. Find the code example of the same as follows. +Display the Popup with the footer by using the [ShowFooter](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_ShowFooter) property. The default value is false. Find the code example of the same as follows. {% tabs %} {% highlight xaml tabtitle="MainPage.xaml" hl_lines="11" %} @@ -206,7 +206,7 @@ public partial class MainPage : ContentPage ## Enable close icon -Show the Popup with a close icon by using the `ShowCloseButton` property. The default value is false. Find the code example of the same as follows. +Show the Popup with a close icon by using the [ShowCloseButton](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_ShowCloseButton) property. The default value is false. Find the code example of the same as follows. {% tabs %} {% highlight xaml tabtitle="MainPage.xaml" hl_lines="11" %} @@ -249,7 +249,7 @@ public partial class MainPage : ContentPage ## Customizing popup header -Any view can be added as the header content using the `HeaderTemplate` property. Refer to the following code example in which a label is added as a header content. +Any view can be added as the header content using the [HeaderTemplate](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_HeaderTemplate) property. Refer to the following code example in which a label is added as a header content. {% tabs %} {% highlight xaml tabtitle="MainPage.xaml" %} @@ -317,7 +317,7 @@ public partial class MainPage : ContentPage ### Popup header height -Customize the popup header height using `HeaderHeight` property. Find the code example of the same as follows. +Customize the popup header height using [HeaderHeight](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_HeaderHeight) property. Find the code example of the same as follows. {% tabs %} {% highlight xaml tabtitle="MainPage.xaml" hl_lines="11" %} @@ -358,7 +358,7 @@ public partial class MainPage : ContentPage ### Popup header title -Change the popup header title using `HeaderTitle` property. Find the code example of the same as follows. +Change the popup header title using [HeaderTitle](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_HeaderTitle) property. Find the code example of the same as follows. {% tabs %} {% highlight xaml tabtitle="MainPage.xaml" hl_lines="11" %} @@ -399,7 +399,7 @@ public partial class MainPage : ContentPage ## Customizing popup footer -Any view can be added as the footer content using the `FooterTemplate` property. Refer to the following code example in which a label is added as a footer content. +Any view can be added as the footer content using the [FooterTemplate](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_FooterTemplate) property. Refer to the following code example in which a label is added as a footer content. {% tabs %} {% highlight xaml tabtitle="MainPage.xaml" %} @@ -468,7 +468,7 @@ public partial class MainPage : ContentPage ### Popup footer height -Customize the popup footer height using `FooterHeight` property. Find the code example of the same as follows. +Customize the popup footer height using [FooterHeight](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_FooterHeight) property. Find the code example of the same as follows. {% tabs %} {% highlight xaml tabtitle="MainPage.xaml" hl_lines="11" %} @@ -510,7 +510,7 @@ public partial class MainPage : ContentPage ### Popup accept and decline buttons text -Change the popup accept and decline buttons text using `AcceptButtonText` and `DeclineButtonText` properties. Find the code example of the same as follows. +Change the popup accept and decline buttons text using [AcceptButtonText](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_AcceptButtonText) and [DeclineButtonText](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_DeclineButtonText) properties. Find the code example of the same as follows. {% tabs %} {% highlight xaml tabtitle="MainPage.xaml" hl_lines="11" %} @@ -554,7 +554,7 @@ public partial class MainPage : ContentPage ## Customizing popup content -Any view can be added as popup content by using the `ContentTemplate` property. Refer to the following code example in which a label is added as a popup content. +Any view can be added as popup content by using the [ContentTemplate](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_ContentTemplate) property. Refer to the following code example in which a label is added as a popup content. {% tabs %} {% highlight xaml tabtitle="MainPage.xaml" %} @@ -619,7 +619,7 @@ public partial class MainPage : ContentPage ### Popup message -Change the popup content message using `Message` property. Find the code example of the same as follows. +Change the popup content message using [Message](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_Message) property. Find the code example of the same as follows. {% tabs %} {% highlight xaml tabtitle="MainPage.xaml" hl_lines="11" %} @@ -662,7 +662,7 @@ public partial class MainPage : ContentPage ### Disable the overlay background in .NET MAUI Popup? -Disable the overlay background by using the `SfPopup.ShowOverlayAlways` property as `False`. The default value of the `SfPopup.ShowOverlayAlways` is `True`. +Disable the overlay background by using the [SfPopup.ShowOverlayAlways](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_ShowOverlayAlways) property as `False`. The default value of the [SfPopup.ShowOverlayAlways](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_ShowOverlayAlways) is `True`. {% tabs %} {% highlight xaml hl_lines="2" %} diff --git a/maui-toolkit/Popup/modal-window.md b/maui-toolkit/Popup/modal-window.md index bacad29..f153317 100644 --- a/maui-toolkit/Popup/modal-window.md +++ b/maui-toolkit/Popup/modal-window.md @@ -9,7 +9,7 @@ documentation: ug # Modal Window in MAUI Popup (SfPopup) -You can use the popup as a modal window using the built-in close icon and the `SfPopup.StaysOpen` property prevents interaction with your application until you close the window. +You can use the popup as a modal window using the built-in close icon and the [SfPopup.StaysOpen](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_StaysOpen) property prevents interaction with your application until you close the window. `Modal`: Window loads under the parent window surrounded by an overlay which prevents clicking anywhere else on the screen apart from the control of the modal. diff --git a/maui-toolkit/Popup/popup-animations.md b/maui-toolkit/Popup/popup-animations.md index c74c589..7b9723b 100644 --- a/maui-toolkit/Popup/popup-animations.md +++ b/maui-toolkit/Popup/popup-animations.md @@ -14,13 +14,13 @@ documentation: ug Built-in animations are available in SfPopup, which is applied when the Popup view opens and closes in the screen. By default, the animation mode is set to `Fade` The SfPopup has different animation modes as listed below: -* `Zoom` -* `Fade` -* `SlideOnLeft` -* `SlideOnRight` -* `SlideOnTop` -* `SlideOnBottom` -* `None` +* [Zoom](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.PopupAnimationMode.html#Syncfusion_Maui_Toolkit_Popup_PopupAnimationMode_Zoom) +* [Fade](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.PopupAnimationMode.html#Syncfusion_Maui_Toolkit_Popup_PopupAnimationMode_Fade) +* [SlideOnLeft](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.PopupAnimationMode.html#Syncfusion_Maui_Toolkit_Popup_PopupAnimationMode_SlideOnLeft) +* [SlideOnRight](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.PopupAnimationMode.html#Syncfusion_Maui_Toolkit_Popup_PopupAnimationMode_SlideOnRight) +* [SlideOnTop](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.PopupAnimationMode.html#Syncfusion_Maui_Toolkit_Popup_PopupAnimationMode_SlideOnTop) +* [SlideOnBottom](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.PopupAnimationMode.html#Syncfusion_Maui_Toolkit_Popup_PopupAnimationMode_SlideOnBottom) +* [None](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.PopupAnimationMode.html#Syncfusion_Maui_Toolkit_Popup_PopupAnimationMode_None) N> Setting of the AnimationMode is same for both `Displaying popup when the SfPopup is set as root view` and `Displaying popup on the go`. @@ -214,7 +214,7 @@ public MainPage() ## Animation duration -The `SfPopup` allows you to customize the opening and closing animation duration of Popup view by using the `AnimationDuration` property. By default, the animation duration is set to `300 milliseconds`. +The `SfPopup` allows you to customize the opening and closing animation duration of Popup view by using the [AnimationDuration](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_AnimationDuration) property. By default, the animation duration is set to `300 milliseconds`. {% tabs %} {% highlight xaml %} @@ -237,7 +237,7 @@ public MainPage() ## Animation easing -The `SfPopup` allows to show the Popup view with various easing effects for all the available `SfPopup.AnimationMode` using the `SfPopup.AnimationEasing` property. +The `SfPopup` allows to show the Popup view with various easing effects for all the available [SfPopup.AnimationMode](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_AnimationMode) using the [SfPopup.AnimationEasing](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_AnimationEasing) property. {% tabs %} diff --git a/maui-toolkit/Popup/popup-positioning.md b/maui-toolkit/Popup/popup-positioning.md index 0abfe87..825c32a 100644 --- a/maui-toolkit/Popup/popup-positioning.md +++ b/maui-toolkit/Popup/popup-positioning.md @@ -18,31 +18,31 @@ Following are the list of options available to show SfPopup at various positions Methods / Properties Description -{{'`IsOpen`'| markdownify }} +{{'[IsOpen](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_IsOpen)'| markdownify }} Show the SfPopup at the center. -{{'`Show`'| markdownify }} +{{'[Show](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_Show_System_Boolean_)'| markdownify }} Similar as SfPopup.IsOpen property. -{{'`Show(x-position, y-position)`'| markdownify }} +{{'[Show(x-position, y-position)](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_Show_System_Double_System_Double_)'| markdownify }} Show the SfPopup at the specified X and y positions. -{{'`ShowRelativeToView(View, RelativePosition)`'| markdownify }} +{{'[ShowRelativeToView(View, RelativePosition)](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_ShowRelativeToView_Microsoft_Maui_Controls_View_Syncfusion_Maui_Toolkit_Popup_PopupRelativePosition_System_Double_System_Double_)'| markdownify }} Show the SfPopup at the position relative to the specified view. -{{'`ShowRelativeToView(View, RelativePosition, x-position, y-position)`'| markdownify }} +{{'[ShowRelativeToView(View, RelativePosition, x-position, y-position)](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_ShowRelativeToView_Microsoft_Maui_Controls_View_Syncfusion_Maui_Toolkit_Popup_PopupRelativePosition_System_Double_System_Double_)'| markdownify }} Show the SfPopup at an absolute x, y coordinate from the relative position of the specified view. -{{'`IsFullScreen`'| markdownify }} +{{'[IsFullScreen](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_IsFullScreen)'| markdownify }} Show the SfPopup in full width and height of the screen. -{{'`Show(bool)`'| markdownify }} +{{'[Show(bool)](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_Show_System_Boolean_)'| markdownify }} Similar as SfPopup.IsFullScreen property. -{{'`SfPopup.Show(string title, string message)`'| markdownify }} +{{'[SfPopup.Show(string title, string message)](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_Show_System_String_System_String_System_Int32_)'| markdownify }} Static method to show a popup with the title and message. -{{'`SfPopup.Show(string title, string message, string acceptText)`'| markdownify }} +{{'[SfPopup.Show(string title, string message, string acceptText)](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_Show_System_String_System_String_System_String_System_Int32_)'| markdownify }} Static method to show a popup with the title, message and acceptText. @@ -53,7 +53,7 @@ The `SfPopup` can be shown at the center by using the following options. * IsOpen property * SfPopup.Show -To open the `SfPopup`, use the `IsOpen` property as in the following code sample. +To open the `SfPopup`, use the [IsOpen](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_IsOpen) property as in the following code sample. {% tabs %} {% highlight xaml tabtitle="MainPage.xaml" %} @@ -81,7 +81,7 @@ private void ClickToShowPopup_Clicked(object sender, EventArgs e) {% endhighlight %} {% endtabs %} -To open the SfPopup, use the `SfPopup.Show` method as in the following code sample. +To open the SfPopup, use the [SfPopup.Show](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_Show_System_Boolean_) method as in the following code sample. {% tabs %} {% highlight xaml tabtitle="MainPage.xaml" %} @@ -113,7 +113,7 @@ private void ClickToShowPopup_Clicked(object sender, EventArgs e) ## Absolute positioning -To open the `SfPopup` in specific X and Y coordinates, use the `SfPopup.Show(x-position, y-position)` method as in the following code sample. +To open the `SfPopup` in specific X and Y coordinates, use the [SfPopup.Show(x-position, y-position)](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_Show_System_Double_System_Double_) method as in the following code sample. {% tabs %} {% highlight xaml tabtitle="MainPage.xaml" %} @@ -141,7 +141,7 @@ private void ClickToShowPopup_Clicked(object sender, EventArgs e) {% endhighlight %} {% endtabs %} -The `StartX` and `StartY` properties of the `SfPopup` control are used to define the coordinates for the popup to display. +The [StartX](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_StartX) and [StartY](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_StartY) properties of the `SfPopup` control are used to define the coordinates for the popup to display. {% tabs %} {% highlight xaml tabtitle="MainPage.xaml" hl_lines="11 12" %} @@ -178,7 +178,7 @@ private void ClickToShowPopup_Clicked(object sender, EventArgs e) ### Display popup relative to a view -To open the `SfPopup` relative to a view, use the `SfPopup.ShowRelativeToView(View, RelativePosition)` method. +To open the `SfPopup` relative to a view, use the [SfPopup.ShowRelativeToView(View, RelativePosition)](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_ShowRelativeToView_Microsoft_Maui_Controls_View_Syncfusion_Maui_Toolkit_Popup_PopupRelativePosition_System_Double_System_Double_) method. {% tabs %} {% highlight xaml tabtitle="MainPage.xaml" %} @@ -207,7 +207,7 @@ private void ClickToShowPopup_Clicked(object sender, EventArgs e) The `SfPopup` can be displayed at an absolute x, y coordinate from the relative position of the specified view by using the following method. -To open the `SfPopup` in the specific x and y coordinate relative to a view, use the `SfPopup.ShowRelativeToView(View, RelativePosition, x-position, y-position)` method. +To open the `SfPopup` in the specific x and y coordinate relative to a view, use the [SfPopup.ShowRelativeToView(View, RelativePosition, x-position, y-position)](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_ShowRelativeToView_Microsoft_Maui_Controls_View_Syncfusion_Maui_Toolkit_Popup_PopupRelativePosition_System_Double_System_Double_) method. {% tabs %} {% highlight xaml tabtitle="MainPage.xaml" %} @@ -232,12 +232,12 @@ private void ClickToShowPopup_Clicked(object sender, EventArgs e) ![Displaying a .NET MAUI Popup at Absolute Relative position.](Images/popup-positioning/maui-popup-absolute-relative-positioning.png) -You can pass both negative and positive values as parameters to the `SfPopup.ShowRelativeToView(View, RelativePosition, x-position, y-position)`. The popup will be positioned by considering the relative position as (0, 0) the center point. For example, if you have set the `RelativePosition` as `PopupRelativePosition.AlignBottomRight` and `RelativeView` as a button, bottom right corner of the button will be considered as the 0, 0 point and a negative x-position value will place the popup to the left of that point and a positive x-position value will place the popup to the right of that point. The same applies for y-position also. +You can pass both negative and positive values as parameters to the [SfPopup.ShowRelativeToView(View, RelativePosition, x-position, y-position)](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_ShowRelativeToView_Microsoft_Maui_Controls_View_Syncfusion_Maui_Toolkit_Popup_PopupRelativePosition_System_Double_System_Double_). The popup will be positioned by considering the relative position as (0, 0) the center point. For example, if you have set the [RelativePosition](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_RelativePosition) as [PopupRelativePosition.AlignBottomRight](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.PopupRelativePosition.html#Syncfusion_Maui_Toolkit_Popup_PopupRelativePosition_AlignBottomRight) and [RelativeView](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_RelativeView) as a button, bottom right corner of the button will be considered as the 0, 0 point and a negative x-position value will place the popup to the left of that point and a positive x-position value will place the popup to the right of that point. The same applies for y-position also. ### Show relative to view in MVVM -To open the SfPopup relative to a view in MVVM assign values to the `SfPopup.RelativeView` and `SfPopup.RelativePosition` properties and use the `SfPopup.IsOpen` property to open or close the popup using binding. -The `AbsoluteX` and `AbsoluteY` are used to display popup at the specified coordinates when positioning it relatively to the specified `RelativeView` based on the `RelativePosition`. +To open the SfPopup relative to a view in MVVM assign values to the [SfPopup.RelativeView](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_RelativeView) and [SfPopup.RelativePosition](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_RelativePosition) properties and use the [SfPopup.IsOpen](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_IsOpen) property to open or close the popup using binding. +The [AbsoluteX](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_AbsoluteX) and [AbsoluteY](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_AbsoluteY) are used to display popup at the specified coordinates when positioning it relatively to the specified [RelativeView](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_RelativeView) based on the [RelativePosition](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_RelativePosition). {% tabs %} {% highlight xaml tabtitle="MainPage.xaml" hl_lines="19" %} @@ -304,7 +304,7 @@ public class ViewModel : INotifyPropertyChanged ## Close the popup automatically after timeout -To close a popup automatically after a specified delay, you can use the `AutoCloseDuration` property, which allows you to give the duration in milliseconds for the popup to automatically close itself without any user interaction. +To close a popup automatically after a specified delay, you can use the [AutoCloseDuration](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_AutoCloseDuration) property, which allows you to give the duration in milliseconds for the popup to automatically close itself without any user interaction. {% tabs %} {% highlight xaml hl_lines="3" %} @@ -324,7 +324,7 @@ popup.IsOpen = true; ## Position the popup over the action bar -The SfPopup can be positioned without considering the action bar by using the `SfPopup.IgnoreActionBar` property. When set to true, this allows the popup to be positioned over the action bar without any constraints. +The SfPopup can be positioned without considering the action bar by using the [SfPopup.IgnoreActionBar](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_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" %} @@ -341,7 +341,7 @@ popup.Show(0,0); ![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. +If [IgnoreActionBar](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_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. @@ -349,7 +349,7 @@ This feature is useful when you want to display the popup freely across the scre ### Returning result -The `ShowAsync()` method of the Popup allows you to display the popup and returns `true` if the user closes it using the accept button, or `false` otherwise. +The [ShowAsync()](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_ShowAsync) method of the Popup allows you to display the popup and returns `true` if the user closes it using the accept button, or `false` otherwise. {% tabs %} {% highlight xaml %} @@ -388,7 +388,7 @@ public partial class MainPage : ContentPage {% endhighlight %} {% endtabs %} -The `Show(string title, string message, string acceptText, string declineText)` static method of the Popup allows you to display the popup and returns `true` if the user closes it using the accept button, or `false` otherwise. +The [Show(string title, string message, string acceptText, string declineText)](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_Show_System_String_System_String_System_String_System_String_System_Int32_) static method of the Popup allows you to display the popup and returns `true` if the user closes it using the accept button, or `false` otherwise. {% tabs %} {% highlight xaml tabtitle="MainPage.xaml" %} @@ -690,7 +690,7 @@ private void OnListViewItemTapped(object sender, Syncfusion.Maui.ListView.ItemTa ### Display popup when interacting with a switch -`SfPopup.IsOpen` is a bindable property and hence can be bind to any property and based on its value the popup will open or close. In the following code example, we have bound the `IsOpen` property with the `IsToggled` property of the switch, and the popup will be opened or closed as the switch toggles. +[SfPopup.IsOpen](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_IsOpen) is a bindable property and hence can be bind to any property and based on its value the popup will open or close. In the following code example, we have bound the [IsOpen](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_IsOpen) property with the `IsToggled` property of the switch, and the popup will be opened or closed as the switch toggles. {% tabs %} {% highlight xaml tabtitle="MainPage.xaml" hl_lines="11" %} diff --git a/maui-toolkit/Popup/popup-size.md b/maui-toolkit/Popup/popup-size.md index 66bd0e1..2b9db33 100644 --- a/maui-toolkit/Popup/popup-size.md +++ b/maui-toolkit/Popup/popup-size.md @@ -1,7 +1,7 @@ --- layout: post title: Popup Size in .NET MAUI Popup control | Syncfusion -description: Learn all about Popup Size support in the Syncfusion .NET MAUI Popup (SfPopup) control and more. +description: Learn all about Popup sizing support in the Syncfusion® .NET MAUI Popup (SfPopup) control, including customization and more.. platform: maui-toolkit control: SfPopup documentation: ug @@ -103,8 +103,8 @@ namespace PopupMaui The SfPopup can be shown in full width and height of the screen using, - * `IsFullScreen` - * `Show(bool isFullScreen)` + * [IsFullScreen](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_IsFullScreen) + * [Show(bool isFullScreen)](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_Show_System_Boolean_) Refer to the following code example to open the popup in full screen. @@ -169,13 +169,13 @@ Executing the above codes renders the following output in windows. ## Auto-size popup -The `SfPopup` can auto-size the popup view based on the contents loaded inside its `ContentTemplate` property using the `AutoSizeMode` property. The default value is `AutoSizeMode.None`. You can choose to auto-size the Popup in the height, width or in both .height and width of its contents. By default, the `HeightRequest` and `WidthRequest` set to the `SfPopup` or the views loaded inside the template are given higher priority than the `AutoSizeMode`. +The [SfPopup](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html) can auto-size the popup view based on the contents loaded inside its [ContentTemplate](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_ContentTemplate) property using the [AutoSizeMode](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_AutoSizeMode) property. The default value is [AutoSizeMode.None](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.PopupAutoSizeMode.html#Syncfusion_Maui_Toolkit_Popup_PopupAutoSizeMode_None). You can choose to auto-size the Popup in the height, width or in both .height and width of its contents. By default, the `HeightRequest` and `WidthRequest` set to the [SfPopup](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html) or the views loaded inside the template are given higher priority than the [AutoSizeMode](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_AutoSizeMode). In the following code sample, the Popup is auto-sized in the height based on the content loaded inside the `ContentTemplate` property. {% tabs %} -{% highlight xaml tabtitle="MainPage.xaml" hl_lines="10"%} +{% highlight xaml tabtitle="MainPage.xaml" hl_lines="10" %} @@ -21,27 +21,27 @@ The `SfPopup` allows customizing the header appearance using the following prope Description - {{'`HeaderBackground`'| markdownify }} + {{'[HeaderBackground](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.PopupStyle.html#Syncfusion_Maui_Toolkit_Popup_PopupStyle_HeaderBackground)'| markdownify }} Gets or sets the background color for the header. - {{'`HeaderFontAttribute`'| markdownify }} + {{'[HeaderFontAttribute](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.PopupStyle.html#Syncfusion_Maui_Toolkit_Popup_PopupStyle_HeaderFontAttribute)'| markdownify }} Gets or sets the font attribute for the header title. - {{'`HeaderFontFamily`'| markdownify }} + {{'[HeaderFontFamily](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.PopupStyle.html#Syncfusion_Maui_Toolkit_Popup_PopupStyle_HeaderFontFamily)'| markdownify }} Gets or sets the font style for the header title. - {{'`HeaderFontSize`'| markdownify }} + {{'[HeaderFontSize](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.PopupStyle.html#Syncfusion_Maui_Toolkit_Popup_PopupStyle_HeaderFontSize)'| markdownify }} Gets or sets the font size for the header title. - {{'`HeaderTextAlignment`'| markdownify }} + {{'[HeaderTextAlignment](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.PopupStyle.html#Syncfusion_Maui_Toolkit_Popup_PopupStyle_HeaderTextAlignment)'| markdownify }} Gets or sets the text alignment for the header. - {{'`HeaderTextColor`'| markdownify }} + {{'[HeaderTextColor](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.PopupStyle.html#Syncfusion_Maui_Toolkit_Popup_PopupStyle_HeaderTextColor)'| markdownify }} Gets or sets the text color to be applied for the header title. @@ -92,27 +92,27 @@ The SfPopup allows customizing the footer appearance using the following propert Description - {{'[FooterBackground](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Popup.PopupStyle.html#Syncfusion_Maui_Popup_PopupStyle_FooterBackground)'| markdownify }} + {{'[FooterBackground](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.PopupStyle.html#Syncfusion_Maui_Toolkit_Popup_PopupStyle_FooterBackground)'| markdownify }} Gets or sets the background color for the footer. - {{'`AcceptButtonBackground`'| markdownify }} + {{'[AcceptButtonBackground](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.PopupStyle.html#Syncfusion_Maui_Toolkit_Popup_PopupStyle_AcceptButtonBackground)'| markdownify }} Gets or sets the background color for the Accept button in the footer. - {{'`AcceptButtonTextColor`'| markdownify }} + {{'[AcceptButtonTextColor](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.PopupStyle.html#Syncfusion_Maui_Toolkit_Popup_PopupStyle_AcceptButtonTextColor)'| markdownify }} Gets or sets the foreground color for the Accept button in the footer. - {{'`DeclineButtonBackground`'| markdownify }} + {{'[DeclineButtonBackground](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.PopupStyle.html#Syncfusion_Maui_Toolkit_Popup_PopupStyle_DeclineButtonBackground)'| markdownify }} Gets or sets the background color for the Decline button in the footer. - {{'`DeclineButtonTextColor`'| markdownify }} + {{'[DeclineButtonTextColor](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.PopupStyle.html#Syncfusion_Maui_Toolkit_Popup_PopupStyle_DeclineButtonTextColor)'| markdownify }} Gets or sets the foreground color for the Decline button in the footer. - {{'`FooterButtonCornerRadius`'| markdownify }} + {{'[FooterButtonCornerRadius](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.PopupStyle.html#Syncfusion_Maui_Toolkit_Popup_PopupStyle_FooterButtonCornerRadius)'| markdownify }} Gets or sets the corner radius of the accept and decline buttons in the footer. The default value is 20. @@ -240,15 +240,15 @@ The `SfPopup` allows customizing the stroke appearance using the following prope Description - {{'`Stroke`'| markdownify }} + {{'[Stroke](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.PopupStyle.html#Syncfusion_Maui_Toolkit_Popup_PopupStyle_Stroke)'| markdownify }} Gets or sets the stroke color for the PopupView. - {{'`StrokeThickness'| markdownify }} + {{'[StrokeThickness](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.PopupStyle.html#Syncfusion_Maui_Toolkit_Popup_PopupStyle_StrokeThickness)'| markdownify }} Gets or sets the stroke thickness for the PopupView. - {{'`CornerRadius`'| markdownify }} + {{'[CornerRadius](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.PopupStyle.html#Syncfusion_Maui_Toolkit_Popup_PopupStyle_CornerRadius)'| markdownify }} Gets or sets the corner radius for the PopupView. @@ -287,7 +287,7 @@ public partial class MainPage : ContentPage ## popup background -The `SfPopup` allows to customize the background color of the popup view using the `PopupBackground` property. +The `SfPopup` allows to customize the background color of the popup view using the [PopupBackground](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.PopupStyle.html#Syncfusion_Maui_Toolkit_Popup_PopupStyle_PopupBackground) property. {% tabs %} {% highlight xaml hl_lines="3" %} @@ -315,7 +315,7 @@ public partial class MainPage : ContentPage ## Styling overlay background -The SfPopup allows to customize the background color of overlay using the `OverlayColor` property. +The SfPopup allows to customize the background color of overlay using the [OverlayColor](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.PopupStyle.html#Syncfusion_Maui_Toolkit_Popup_PopupStyle_OverlayColor) property. {% tabs %} {% highlight xaml hl_lines="3" %} @@ -369,7 +369,7 @@ public partial class MainPage : ContentPage ### Blurred background -The `SfPopup` allows blurring of the background using the `OverlayMode` and `BlurIntensity` properties respectively. +The `SfPopup` allows blurring of the background using the [OverlayMode](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_OverlayMode) and [BlurIntensity](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.PopupStyle.html#Syncfusion_Maui_Toolkit_Popup_PopupStyle_BlurIntensity) properties respectively. {% tabs %} {% highlight xaml hl_lines="13 16" %} @@ -430,7 +430,7 @@ namespace GettingStarted ### Set custom blur intensity -The `SfPopup` allows customization of the blur effect by setting the `BlurIntensity` property to `Custom` and the `BlurRadius`, which adjusts the blur effect according to the specified value. +The `SfPopup` allows customization of the blur effect by setting the [BlurIntensity](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.PopupStyle.html#Syncfusion_Maui_Toolkit_Popup_PopupStyle_BlurIntensity) property to [Custom](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.PopupBlurIntensity.html#Syncfusion_Maui_Toolkit_Popup_PopupBlurIntensity_Custom) and the [BlurRadius](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.PopupStyle.html#Syncfusion_Maui_Toolkit_Popup_PopupStyle_BlurRadius), which adjusts the blur effect according to the specified value. {% tabs %} {% highlight xaml hl_lines="13 16" %} diff --git a/maui-toolkit/Popup/working-with-mvvm.md b/maui-toolkit/Popup/working-with-mvvm.md index 491c103..2ca1261 100644 --- a/maui-toolkit/Popup/working-with-mvvm.md +++ b/maui-toolkit/Popup/working-with-mvvm.md @@ -9,9 +9,9 @@ documentation: ug # Working with MVVM in MAUI Popup (SfPopup) -`SfPopup` can be used in the MVVM architecture applications easily. In the below example, the `SfPopup.IsOpen` property is bound to a property in the `ViewModel` based on which the popup is opened or closed. Refer to the following code example to display the popup in MVVM. +`SfPopup` can be used in the MVVM architecture applications easily. In the below example, the [SfPopup.IsOpen](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_IsOpen) property is bound to a property in the `ViewModel` based on which the popup is opened or closed. Refer to the following code example to display the popup in MVVM. -In the following code sample, note that the BindingContext is set for the page, and the property (IsOpen) of the ViewModel is bound to the `SfPopup.IsOpen`. +In the following code sample, note that the BindingContext is set for the page, and the property (IsOpen) of the ViewModel is bound to the [SfPopup.IsOpen](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_IsOpen). {% tabs %} {% highlight xaml tabtitle="MainPage.xaml" hl_lines="13 15" %} @@ -88,9 +88,9 @@ public class ViewModel : INotifyPropertyChanged `SfPopup` provides command support for the popup buttons, - * `SfPopup.AcceptCommand` + * [SfPopup.AcceptCommand](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_AcceptCommand) - * `SfPopup.DeclineCommand` + * [SfPopup.DeclineCommand](https://help.syncfusion.com/cr/maui-toolkit/Syncfusion.Maui.Toolkit.Popup.SfPopup.html#Syncfusion_Maui_Toolkit_Popup_SfPopup_DeclineCommand) ## How to use MAUI popup as a page?