Scrolling issues with Facebook Requests dialog - facebook

I am trying to call new Requests Dialog from an iframe facebook application by clicking a button located at the bottom of a page (you need to scroll to get there).
This is what happens when you click the button:
Temporary dialog with a progress bar is displayed in the middle of visible screen
Page is getting automatically scrolled to the top
Actual dialog appears in place of that temp loading dialog at the bottom of the page, so it is not visible
Is there a way to make it either not scroll to the top automatically or at least display the final dialog at the top as well so it can be seen?

it's a bug: http://bugs.developers.facebook.net/show_bug.cgi?id=15440

Related

How to detect page removal and show confirmation dialog before page remove from the stack in flutter

I want to show confirmation dialog on page removal if user say yes then pop the page or else user stay in same page.
I have bottom navigation bar and on press on any icon it will take the user to respective page but I want to notify the user on leaving the page
Thank you.

How do you make a popup menu appear when you click on a profile picture in flutter?

So I am currently working on an app and in the main menu there is a small profile picture on the top right side of the screen. I want to make that pfp clickable and when the user clicks on it, it should display a popup menu to show some extra things such as, view profile, settings, etc...
you can use this for an AlertDialog:
await showDialog
Or this if you want it as a Bottom sheet :
await showModalBottomSheet...

Show popup/window in a gwt tab

Is it possible to show a popup only in a certain gwt tab or a panel in that tab?
I've found methods to show a popups over the whole page, but not only in specific tabs.
When you switch the gwt tab, the popup should not be visible anymore and new popups should be able to be created, which again are only visible in the switched to gwt tab. Switching back to the other tab should then show the first popup again.
Optionally the rest of the tab, which is not covered by the popup, should not be clickable.
Are there any native methods for this? The gwt Popup Panel only seems to create popups for the whole page.
Edit: I've tried using smartgwts Window which seems to work just the way I want it to. When I switch the gwt-tab, the popup is no longer visible and returns when I switch back. The only problem is, that it isn't displayed right. The frame is placed on the far left side of the browser tab, while the content is displayed on the far left of the gwt-tab. If I move the content, the frame moves too. The frame is visible over the whole browser tab, while the content disappears if I drag it over the gwt-tab edge.
I guess it's because I'm adding a Window to a gwt-Panel. Is there any way to fix this without changing everything to smartgwt?
Not exactly, I think.
But, you can do something in the tab events, like hide the popup in tabs that it doesnt belongs. To avoid the lag of show/hide the popup, you can do this in the BeforeSelectionHandler, like this:
getView().getTabPanel().addBeforeSelectionHandler(new BeforeSelectionHandler<Integer>()
{
#Override
public void onBeforeSelection(BeforeSelectionEvent<Integer> event)
{
showPopupupsForTab(event.getItem());
}
});
In showPopupupsForTab you can show the popups for this tab (you can handle this with a map or something) and hide the others...
Something like this.
Hope it helps.

gwt flowpanel automatically show the bottm of the panel not the top

I have couple FlowPanels related like pages in a book, when i click the 'next' button it will go to the next page, which is flowPanel too. on one of the page, it have lots of widgets, from previous page to this page, it always goes to the bottom of the page not the top. how can i make it show the top of the page instead? thanks.
If you mean scrolling to the top of the browser window, take a look at Window.scrollTo()

Coda Slider Tab Navigation

I am using Coda-Slider for my website and I want to know if there is a way to change the content of each tab. For example, the user navigates onto tab2 where I placed a link to redirect the user to another page. Is there a way NOT to navigate away from the page nor the tab but instead load the link inside the tab? I was thinking it would look something like a modal box that would stay inside the tab instead of popping up.
see 19. Coda-Slider Sliding Tabs or you might want to try 35. JQuery IDTabs if you want the effect to be non-intrusive