I've got a standard slide box setup :
<ion-slide-box >
<ion-slide >
< some text and a button with ng-click="go('/a-new-html-page')">
</ion-slide >
<ion-slide >
< some more text and another button with ng-click="go('/another-new-html-page')>
</ion-slide >
</ion-slide-box >
When I use my app, I slide to the second box and click the button to be sent to another-new-html-page. This is an options page with a list of check box options.The things I tick here will be shown back in list on the second the second slide box on my starting page - so I tick one or more options and click the back button...
.. and that where I get stuck. I have returned to back to the main screen of my app but at the FIRST slide box. You have to slide along to the second box to see those changes which of course is not very user friendly.
Is there a way to return back to the FIRST slide box if i hit back from the "a-new-html-page" and the SECOND slide box if I hit back from the "another-new-html-page"
I'm very new to Ionic and probably making all kinds of "school boy" errors so any help would be greatly appreciated!
Related
When I click on the marked location on my website page it will show pop up
I want the pop-up fixed when on the left side
This is my page https://lebalcondecerdagne.fr/catalog-map/ where I want to move the pop-up on the fixed-left position
I have a small code as shows below, I want to add previous and next button when pictures popup.
https://www.jqueryscript.net/gallery/Simple-Clean-jQuery-Vertical-Product-Gallery.html
I have created 2 activity. In first avtivity has a button which if I click it start second activity. And I set in AndroidManifest.xml file android:parentActivityName=".MainActivity" for second activity.Now on second activity has back button icon which if I click it will back to first activity. The problem is if I click it slides to the right side.How can I slide it to the left for open first activity?
You have to create anim xml files for entry and exit animation and use overridePendingTransition to perform animation.
See this link Android Left to Right slide animation
I have an application which contains generated code for ion-nav-view. When I remove the code, the entire app disappears. I want to get rid of the arrows generated by ion-nav-view. Is there a way to do this without throwing away the entire app? I just want a view without the extra nav buttons.
The answer is that a button bar child element which was an href styled as a button, i.e.
<a href="/page1" class="button">
was being parsed and displayed into the topmost and bottom most region as part of the ion-nav-bar. The solution, in my case was to remove the anchor styled as a button in another part of the app, and the phantom objects at top of page and bottom of page go away.
I'm not sure what that magic logic was supposed to achieve, but I'm not a fan.
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