This happens only on iOS, in android the tabs are NON SCROLL-ABLE. the user can scroll the content, but also it scrolls the tabs and the header.
click here to see video LINK
meanwhile i have a menu that swipes from left to right side, it scrolls the content if i try two three times while if i catch the tabs it scrolls the TABS and if i try to scroll the CONTENT it keep SCROLLING THE TABS, HEADER TOO.
i have tried these two solutions, which it does not work for me:
solution 1
solution 2
on the Solution 2 i get the tabs non scroll-able but i dont get the content and nothing works, as i can see it can switch between the tabs but none of the contents does not work.
see second video of not showing content with ion-toolbar outside ion-content
i have made two ion-tab-bar, one for activated profile with buttons enabled, and the other for disabled buttons for non activated profile.
this is app.component.html code containing menu:
I also tried to add ion-split-pane, no success
this is tabs page with route:
SOMEHOW I COULD NOT PASTE CODE AS IT SHOULD, PLEASE CLICK HERE TO SEE THE CODES
put your tabs OUTSIDE the ion-content
Related
I'm new to electron and some principles, concept of doing things in it.
For now i created a window, with a index.html inside and the standard main.js and the bootstrap css. Here is what I've done so far: Image
Now I'm getting to the point "what to do now to get the content when clicking on the links in the menu?"
The main goal is a menu at the top and load content from different websites below that menu.
I don't get how to load that content (maybe in tabs?)?
The best would be not to load the content twice, if someone clicked on that menu points at the top. So if once clicked to Calendar the calendar should not opened a second time, instead it should jump to the according tab. Content should be scrollable while the menu should stay at the top.
What's the way to go here? Tabs? Is the idea even possible?
The bug is described in detail here https://bugs.webkit.org/show_bug.cgi?id=134596
Relevant part is this:
Without Scrolling you should be able to click any of the radio buttons
Now scroll down the page
Trying to click any of the radio buttons on the left results in an
offset click. One of the radio buttons below your click will receive
the event.
Expected: The radio button I clicked on gets focus
Actual: The click event is offset the amount the iframe was scrolled.
Main difference is im not using an iframe, just a div, but the same problem.
If I remove either overflow:auto (but it wont let me scroll then) or -webkit-overflow-scrolling property the correct clicks happen. It looks like it was fixed in a nightly, but this has to work now and for backwards compatibility. Is there a hack to get this to work? My best idea so far is to just not have that -webkit-overflow-scrolling prop for iOS until it works, but that kinda sucks because momentum scrolling is what makes it feel much more like an app.
I am developing an ios app with phonegap. My app contains a page which displays a list of places.Right now i have not given any anchor link or Onclick event for the list items.But the problem is the header and footer is disappearing while clicking or tapping on any list item.My header contains the title of app and footer contains navigation bar.If I tapped again it will appear.But for next tap it will hide and so on. Is there any solution for this problem.?
Add this to your header and footer div
data-tap-toggle="false"
This will disable the toggle on header and footer so when you click on the page the footer and header will stay on.
I would guess you have a full screen mode turned on. It is done with this attribute:
data-fullscreen="true"
It must be placed/removed in page/header/footer div. Basically remove this attribute and everything will work just fine.
Official documentation can be found here: http://jquerymobile.com/demos/1.2.1/docs/toolbars/bars-fixed.html
Let's say I have two tabs tabA and tabB. When I click on tabA the first page of that section appears, call it tabA1. If I click on a link on that page then page tabA1 is replaced with tabA2. If I then click on another tab, say tabB, and then go and click on tabA again I get an image of tabA2 lingering for a bit.
How can I make it so that clicking tabA will always show tabA1 straight away? Is it saving it in the cookies for fast access?
Before switching additionally try setting the content in the tab (or equivalent wrapper) to display : none.
This is happened to me and that's how I fixed it. Although I know it fixes the symptoms and not the exact problem.
I'm a newbe for Blackberry and finding it quite difficult, I'm working on the TabControl example. I have changed the tabs to scroll. Now when i scroll through tabs the focus changes and as soon as the focus shifts to the other tab, the data for that tab appears.
I want to make these tabs clickable only, though they shall scroll but should change only on click.
And also when i use UIApplication.getApplication.pushScreen(someScreen) in the tabs, this someScreen appears out of the tabs, whereas i want to show this screen below the tabs only.
please help
You have to override onFocus(int) to not do anything when focus is moved. (You may or may not have to override touchEvent to handle an actual CLICK event).
You can push a screen into tabs that is not part of the tabs already. If you want something new to appear, try switching managers within the screen instead.