Execute a popup from a viewmodel
9 Replies
Hi Reza,
Thank you for contacting Syncfusion support.
Your requirement to show the SfPopupLayout like an alert box from the view model can be achieved by using “On the go” support in SfPopupLayout. In the “On the go” support we must initialize the renderer in all three platforms for more information please refer the below link.
In the sample, we set the SfPopupLayout.PopupView.AutoSizeMode as Height to auto-resize, if this not need please ignore it.
Please refer the below code snippet, sample and UG Link.
On the go UG Link : https://help.syncfusion.com/xamarin/popup/getting-started#displaying-popup-on-the-go
Renderer initialize UG Link: https://help.syncfusion.com/xamarin/popup/getting-started#launching-the-sfpopuplayout-on-each-platform
Code Snippet [C#]
|
[MainPage.Xaml.cs]
private ViewModel _viewModel;
public MainPage()
{
_viewModel = new ViewModel();
}
private void clickToShowPopup_Clicked(object sender, EventArgs e)
{
_viewModel.DisplayAlert("Issue", "Can't open this page", "Ok", "Cancel");
}
[ViewModel.cs]
public class ViewModel
{
private SfPopupLayout popupLayout;
public ViewModel()
{
popupLayout = new SfPopupLayout ();
}
public void DisplayAlert(string displayText, string bodyText, string accepttext,string declinetext)
{
......
popupLayout.PopupView.HeaderTitle = displayText;
popupLayout.PopupView.ContentTemplate = contentTemplateView;
popupLayout.PopupView.ShowFooter = true;
popupLayout.PopupView.ShowCloseButton = false;
popupLayout.PopupView.AutoSizeMode = AutoSizeMode.Height;
popupLayout.PopupView.AppearanceMode = AppearanceMode.TwoButton;
//// Configure our Accept button
popupLayout.PopupView.AcceptButtonText = accepttext;
popupLayout.PopupView.AcceptCommand = new Command(() =>
{
popupLayout.IsOpen = false;
});
popupLayout.PopupView.PopupStyle.AcceptButtonTextColor = Color.Black;
popupLayout.PopupView.PopupStyle.AcceptButtonBackgroundColor = Color.White;
// Configure our Decline button
popupLayout.PopupView.DeclineButtonText = declinetext;
popupLayout.PopupView.DeclineCommand = new Command(() =>
{
popupLayout.IsOpen = false;
});
popupLayout.PopupView.PopupStyle.DeclineButtonTextColor = Color.Black;
popupLayout.PopupView.PopupStyle.DeclineButtonBackgroundColor = Color.White;
// Show the popup and wait for user to close
popupLayout.IsOpen = true;
}
}
|
Please let us know, if you need any further other assistance from us.
Regards,
Balasubramani Sundaram
Balasubramani Sundaram
Hi Reza,
We have checked your requirement “SfBusyIndicator directly from the ViewModel without having XAML Code” from our side. We have created a sample with SfBusyIndicator inside the SfPopUpLayout view to achieve the same.
Code Snippet [XAML]:
|
..
DataTemplate contentTemplateView = new DataTemplate(() =>
{
StackLayout stack = new StackLayout();
busyIndicator = new SfBusyIndicator();
busyIndicator.IsBusy = true;
stack.Children.Add(busyIndicator);
return stack;
});
…
}
} |
Output:
Sample Link:
Please check with the above and let us know if you have any other queries.
Regards,
Hemalatha M.
Using the code from one of the above replies I was able to create a method to show Busy, ShowBusy is defined in my ViewModelBase along with two private fields.
private SfPopupLayout _popupLayout; private SfBusyIndicator _busyIndicator;
This works just fine when the app is loaded and something is already presented on the view.
protected void ShowBusy(bool show) { //TODO putting this in try catch because there is an error depending on page lifecycle try { DataTemplate contentTemplateView = new DataTemplate(() => { StackLayout stack = new StackLayout(); _busyIndicator = new SfBusyIndicator(); _busyIndicator.ViewBoxHeight = 100; _busyIndicator.ViewBoxWidth = 100; _busyIndicator.IsBusy = true; stack.Children.Add(_busyIndicator); return stack; }); _popupLayout.PopupView.HeaderTitle = string.Empty; _popupLayout.PopupView.ContentTemplate = contentTemplateView; _popupLayout.PopupView.ShowHeader = false; _popupLayout.PopupView.PopupStyle.BorderColor = Color.Transparent; _popupLayout.PopupView.ShowFooter = false; _popupLayout.PopupView.ShowCloseButton = false; _popupLayout.PopupView.AutoSizeMode = AutoSizeMode.Height; _popupLayout.PopupView.BackgroundColor = Color.Transparent; _popupLayout.IsOpen = show; } catch (Exception e) { Console.WriteLine(e.Message); //Crashes.TrackError(e); } }
However, I can't execute this message in the OnNavigatedTo method (PRISM) in a ViewModel that extends ViewModelBase, or really any other method until the ContentPage is presented. I am looking for some help on showing this busyindicator while the ContentPage is getting created and the API web service calls are getting pulled.
Do you have a sample of how to execute this while pages are getting loaded?
SIGN IN To post a reply.
