mikeman
Posts: 0
Joined: Thu Jan 09, 2014 5:00 pm

How to keep footer and header stay fix while swipe left and swipe right the pages?

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

Illya Stepanov
Posts: 0
Joined: Mon Mar 18, 2013 8:48 am

How to keep footer and header stay fix while swipe left and swipe right the pages?

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.

mikeman
Posts: 0
Joined: Thu Jan 09, 2014 5:00 pm

How to keep footer and header stay fix while swipe left and swipe right the pages?

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.

Kateryna Grynko
Posts: 0
Joined: Thu Nov 15, 2012 9:13 am

How to keep footer and header stay fix while swipe left and swipe right the pages?

Hi Mike,

Please try adding Swipe event handler for container 'content'.

mikeman
Posts: 0
Joined: Thu Jan 09, 2014 5:00 pm

How to keep footer and header stay fix while swipe left and swipe right the pages?

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?

Image

Maryna Brodina
Posts: 0
Joined: Thu Apr 05, 2012 7:27 am

How to keep footer and header stay fix while swipe left and swipe right the pages?

Hello!

You can create "Swipe" event only for page component.

mikeman
Posts: 0
Joined: Thu Jan 09, 2014 5:00 pm

How to keep footer and header stay fix while swipe left and swipe right the pages?

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?

Evgene Karachevtsev
Posts: 12
Joined: Mon Apr 28, 2014 1:12 pm

How to keep footer and header stay fix while swipe left and swipe right the pages?

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.

Return to “Issues”