Catch up wih the Appery.io community on our forum. Here you'll find information on the lastest questions and issues Appery.io developers are discussing.
https://forum.appery.io/
I have 14 pages and on each page I have same header and footer. I do not have any scrolling up and down. I only need to swipe left or swipe right to go from one page to another page. But my question is how do I keep the header and footer stay put on swipe event of the pages?
Right now, when I swipe, the page got swiped and the header/footer got swiped too.
Thanks
Hi Mike,
There is no good way to make footer and header to stay through the diffrent pages.
Because each page has own footer and header.
But you can use Carousel for your purposes.
Its component consist if items that replaces your pages.
So, you can put your content from your current pages into this items.
You receive just singe page with carousel component after. This component will contain your components.
Please read more about carousel component: http://docs.appery.io/documentation/c...
Regards.
Illya,
My app got rejected by Apple App Store because of this moving header and footer. I would hope that something got to be done in the future that we could "lock" header and footer.
Your alternative using carousel is not a solution at all. I tried that and it is not working.
Hi Mike,
Please try adding Swipe event handler for container 'content'.
Katya,
On each page of my app, I have different background image, so when I swipe to new page, the background changes.
I tried to do the swipe event for container "content" but I think it is impossible. Is there anyway to swipe event for the entire mobilecontainer1 as in this picture?
Hello!
You can create "Swipe" event only for page component.
Hi,
I know this question is about 17 days ago but I did not have a chance to implement it until today and I think that your solution for Swipe page component only is not working because for each page, I have different background image. So If I just swipe the text component only, then the background is staying.
Is there a way to make footer and header stay fixed?
Hello Mike,
A built in solution for keeping footer and header stay the same for all pages doesn't exist. jQuery Mobile doesn't have a solution that will share a header and footer among loaded pages.