WebPlus X6: Share: Use panels for full width Headers and Footers

[Clitheroe Kid]

Originally Posted by gdhiman12 Thnx 4 replying I had tried this also .....but browseris diplaying scroller bar at the bottom

There is nothing else I can explain to you. If you follow the the two step instruction I gave earlier it will work.

Joe

[zenriko]

EDIT3: Well, I made the assumption that by adding the code in the Master Page CS it would automatically apply to every other page.

It didn't and subsequently I am in the process of attaching html, body {overflow-x: hidden;} to each page. Which thus far is fixing the scroll issue.

On a side note- my page is 960x768 but it doesn't fill a 1024x768 resolution (there is about 150-200 px empty space below my footer (which is attached to the bottom of the page))

[Clitheroe Kid]

Originally Posted by zenriko EDIT3: Well, I made the assumption that by adding the code in the Master Page CS it would automatically apply to every other page. It didn't and subsequently I am in the process of attaching html, body {overflow-x: hidden;} to each page. Which thus far is fixing the scroll issue.

You must be adding the line of css to the page stylesheet and not the master page stylesheet. If you add it to the master page it will work on all pages that use that master and it should look like this.

 
/*Master Page StyleSheet*/
html, body {overflow-x: hidden;}
 
/*Page StyleSheet*/

Joe

[zenriko]

Originally Posted by Clitheroe Kid You must be adding the line of css to the page stylesheet and not the master page stylesheet. If you add it to the master page it will work on all pages that use that master and it should look like this. /*Master Page StyleSheet*/ html, body {overflow-x: hidden;} /*Page StyleSheet*/ Joe

Yes indeed, I sort of realized after about the 6th page, just didn't get around to editing my post (again) D:

Thanks

[Akhenaton]

Hi Joe,
Thanks for header and footer code first of all.. But I need your advice in order to make a correct implementation.

I would like to use only "footer" panel on a page that has a jquery script running on.
The problem that I had, no matter what I've tried, I couldn't be able to make possible attaching footer to bottom of the page and scroll smoothly with jscript on that page.

Could you please be kind enough to just take a look at that specific page that I'm talking about, I would be really appreciated.

http://www.bhandaltd.com/hotels.html

Just make a search on any city on any date. Next loading page will be the "Search results page" which I would like to use just your footer on it.
I've tried a place a footer myself, using "page properties > background> add >, ticked with "scroll with page + embed file in site". At the end of the page, footer stand still in there and not scroll with jquery... which drives me crazy.

So I decide to use your footer, cos I thought if I can make stick that footer stand still at the bottom of page, jquery might run behind it and scroll proper without loosing the footer on screen. As you did on "http://panel.discoverproductivity.co.uk/" here as a fixed page.

Would you be able to assist me on this please?

Thanks in advcance

[Clitheroe Kid]

Originally Posted by Akhenaton Hi Joe, So I decide to use your footer, cos I thought if I can make stick that footer stand still at the bottom of page, jquery might run behind it and scroll proper without loosing the footer on screen. As you did on "http://panel.discoverproductivity.co.uk/" here as a fixed page. Would you be able to assist me on this please? Thanks in advcance

Highlight your footer and then from the the top menu bar Arrange>Attach to bottom of page. Now it should scroll with your page.

Joe

[Akhenaton]

Hi Joe,
Thanks for reply, could you please supply me .wpp file for me to download, so i can play on it. Fixed footer on http://panel.discoverproductivity.co.uk/.

Also, should I do it on master page or site page ?

Thanks

[Clitheroe Kid]

Originally Posted by Akhenaton Hi Joe, Thanks for reply, could you please supply me .wpp file for me to download, so i can play on it. Fixed footer on http://panel.discoverproductivity.co.uk/. Also, should I do it on master page or site page ? Thanks

If you want to fix the footer panel to the bottom of the screen and scroll your page without the footer moving do this.

Highlight your panel, Right Click>Edit Panel
Check the Position box 'Align panel to browser window'
Set Horizontal alignment to Center
Set Vertical alignment to Bottom

If you only want this on one page, place it on that page.

Joe

[timveach]

Thanks Joe, I am going to try later today....I have a feeling I will struggle, but so what...we will see

[Morbid]

Thanks for this methods, Clitheroe Kid, I find them very useful.

But I still got a question: I want to set my footer to the bottom of the page when the height is smaller than the screen size, and when it is bigger, I want the footer to scroll with the page. This is the webpage I want to fix:

http://www.centroreconocimientoelrosal.es/

I hope this can be done. Thanks!

[Clitheroe Kid]

Originally Posted by Morbid Thanks for this methods, Clitheroe Kid, I find them very useful. But I still got a question: I want to set my footer to the bottom of the page when the height is smaller than the screen size, and when it is bigger, I want the footer to scroll with the page. This is the webpage I want to fix: http://www.centroreconocimientoelrosal.es/ I hope this can be done. Thanks!

I dont quite understand. The page in the link has a footer that scrolls with the page. From the top menu, if you selct Arrange>Attach to bottom of page, the footer will always scroll with the page, and will always be at the bottom of the page no matter what the height of the page is.

Joe

[Morbid]

Originally Posted by Clitheroe Kid I dont quite understand. The page in the link has a footer that scrolls with the page. From the top menu, if you selct Arrange>Attach to bottom of page, the footer will always scroll with the page, and will always be at the bottom of the page no matter what the height of the page is. Joe

That's right, but for example in this tab, the footer is selected with 'Attach to bottom of page' but it is showed in a higher position than the bottom of the page.

Sorry if I can't explain myself...

[Clitheroe Kid]

Originally Posted by Morbid That's right, but for example in this tab, the footer is selected with 'Attach to bottom of page' but it is showed in a higher position than the bottom of the page. Sorry if I can't explain myself...

Ok I see it. Have you used arrange, or have you used fixed on the panel?

Joe