Is there any way to disable the bar from being clicked and only dragging will change ion-range?
I'm having an issue where I have multiple ion-ranges on the page and it seems clunky as users can accidentally click on the bars when they are scrolling
Related
I have two panels in unity 2d directly overlapping each other and they use scroll panels so I can scroll down. I have it set so when one is accessed, the other is pulled up, but when they swap the other panel is grey and I cannot interact with it, but when I attempt to scroll the other panel scrolls instead, even though it is hidden and turned off.
I suspect that this is a bug in the code. It's possible, that when the user presses the scroll button in the first panel, and then releases the button, the second panel's scroll button thinks, it's already been pressed by the user, when in fact it isn't.
Set it up in such a way, that when you release the button on a scrollbar (the first scroll bar), it resets the click on the scrollbars connected to it (a second scroll bar).
I wish to make a bottom navbar which initially shows 5 options, out of which last option is 'more' and when user taps on it, navbar expands vertically and then show couple of more options. So, exactly what happens is that initial navbar shifts upward, and similar kind of navbar comes below it to show rest of the options. Note: I am not talking about sub-category or sub-menu kind of thing, its just that initially last few options are hidden, and becomes visible when user tap on 'more'.
I also thought to use bottomsheet through kind of show/hide on click functionality, but saw that bottomsheet comes above navbar.
Here are the images for more clarity:
There's an issue when accessing my website (http://www.zero11arquitetura.com.br) on iPad or iPhone with iOS 5 that I can´t fix. When window is scrolled thru code every position:fixed elements click event stop working. Can you please help me ?
This site structure uses a top menu div and a header div with position: fixed css. When user clicks on a menu item window scrolls horizontally until it reaches its target.
Clicking in the menu item is done by jQuery click method on each img tag and scrolling is done by jQuery animate method ($("html:not(:animated),body").animate({ scrollLeft: varDestino }, 1500);)
When page is loaded the menu works just as I intended but, after it scrolls thru menu, and I try to click on another menu item nothing happens. The strangest thing is that everything works again when user manually scrolls the window (by finger).
It looks like that by changing window scroll position by code (jQuery calls window.scroll) fixed elements lost its clickable position references.
Is there any workaround for this ?
Thanks,
I've solved this with a trick. I've created invisible divs over the menu items that changes it's position when page scrolls (simulating afixed element over the real position: fixed menu items). When user clicks or hover over those invisble divs the real ones are called
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.
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