I am embedding Paypal button into my app and, customizing it by following https://developer.paypal.com/docs/integration/direct/identity/button-js-builder/
The issue is, I want to close the popup window and refresh my main site with the Return URL, but actually the popup window is refreshed.
Question is how to close the popup window and refresh the main site.
Related
How to redirected to the main page using an elevated button on alert dialog without clicking on the button?
I just want to hover the mouse on the button and it will do the specific action and also redirected to the main page without clicking on the button that will appear on alert dialog box.
How to redirected to the main page using an elevated button on alert dialog without clicking on the button?
I just want to hover the mouse on the button and it will do the specific action and also redirected to the main page without clicking on the button that will appear on alert dialog box.
You can use onHover method of your Button class.
Check documentation example of ElevatedButton page
onHover → ValueChanged<bool>?
Called when a pointer enters or exits the button response area.
final, inherited
How do you navigate from a modal popup?
I've opened a modal page using await NavigationService.PushModalAsync() which I'm using as a login page. With a successful login, I'm trying to close the modal and navigate to an account page.
await NavigationService.PopModalAsync();
await NavigationService.PushAsync();
The modal closes, but it will not show the page specified in the PushAsync Method.
Both lines of code run, no errors thrown.
The page the pushasync() goes to, displays fine if the login modal window is skipped.
The above code is in a [RelayCommand] method using community toolkit mvvm
What do I need to do to get the above to work?
Unfortunately your needs cannot be achieved. As mentioned in the figure above, the login page you created is a modal page, therefore it can navigate only to another modal page. When you call PopModalAsync, the login page pops up from ModalStack directly, meanwhile the (moldeless) page at the top of the NavigationStack will appear. And you call PushAsync to navigate to the account page in modal page, it doesn't work.
I am building an app(Learning) and on first use the app it show authentication page with login and signup button if user click any one button and fill the fields it will be navigate to homePage.
Navigation :
Authentication Page=>login=>main page
Now the problem is I don't want users to get back to login page if they press back button on home page. Instead I want to exit the app.
How can I do it?
When you navigate from login to main page use Navigator method .pushReplacement() instead of .push() and that will replace the login page on Navigator stack. Which means that the main page will be the only one on the stack. Pressing the back button or calling method .pop(), in that case, will close the application.
I'm implementing PayPal's In-Context flow for Express Checkout as specified in the documentation. Everything works as expected in Firefox, Chrome, and Opera. IE, however, gives me some issues.
When I click the "Checkout with PayPal" image, the page goes dark and the modal window opens above it to PayPal's login/signup page as it should. But just before the page loads in the modal window, the page behind it turns white again, allowing users to interact with it which it shouldn't. I'm still able to go through with logging in and things in the modal window, yet the page behind it is active.
The second issue deals with redirecting. In IE, the modal window NEVER disappears after clicking the "Continue" button, which redirects to a specified url on my server. The redirect happens alright; it just doesn't happen in the main window as it should but instead happens in the modal window. Simply put, everything that occurs after pressing the "Continue" button happens in the modal window with no more interaction with the main window.
Again, everything works in other browsers (I've yet to test things in Safari), but IE (v.11) isn't behaving correctly. Can someone point me in the right direction?
Thanks
I too had similar issue with IE/Firefox when I was using custom button images.
To overcome I just had to remove the button variable and let the javasript generate its own button.
window.paypalCheckoutReady = function() {
paypal.checkout.setup('S4X5XW328WAYY', {
container: 'myContainer',
environment: 'sandbox'
// button: 'incontext_id'//commented
});
Demo and PHP sample code here
The dialog opened for the web-item has a submit button and a cancel link in it.
I don't want the submit button to be present in the dialog.
How to do that?
The api provided by connect i.e.
AP.require('dialog', function(dialog){
var submitButton = dialog.getButton("submit");
submitButton.disable();
});
has methods only to enable/disable it.
You can turn the chrome of the dialog off when it's created via dialog options. You would need to add your own buttons in once this has been done.