Fixed Header and Footer

Leonardo Fox shared this question 4 years ago
Answered

Tried all possible ways to have fixed header and footer and i failed, i followed the video tutorial and it didn't work. What is the best way to achieve that? Note that i have the footer and header in a template

Best Answer
photo

To create a fixed header:

1) Select the element on the Canvas that you would like to be fixed.

2) Look to the Properties palette and find the Position section. Then, tick the 'Display Pin Position' box.

134c239726a3c4a0e5ec9cc8e208d6e2

3) Look to the 'Y' parameter and from the dropdown, choose 'pin to top'.

3c5b702792e642219a5f4d0bb8711f94


That's it! You can also pin an element along the X axis by clicking on the 'X' parameter dropdown.

2ea7f77c49f2b9bac6d90611509e2ffe

Comments (6)

photo
1

Hi Leonardo,


Is this the tutorial you were following http://www.justinmind.com/support/fix... ?


What is it exactly that you are not getting to work?


Best,


Marc

photo
1

Hi -

Could you please share the secrets for how to make this work? I've studied the example file up and down many times and have modeled my file to do the same, but my footer element continues to scroll along with the dynamic panel I've set up.

Thanks, Tom

photo
1

Hi Tom,

The key is using pin position options in the properties palette. Once you select an element you would like to be pinned or fixed at one part of the screen, look to the properties panel and under the position section, click 'display pin position options'. There, choose the 'x' parameter to pin the element somewhere horizontally on the screen, and the 'y' parameter to pin the element somewhere vertically on the screen. Check out the basic prototype I have attached for an example.

Best,

Danielle

photo
1

Yea! I got my file to work. Thank you. My faith is restored.

photo
1

Happy to help! Let us know if you have any other questions.

photo
photo
1

To create a fixed header:

1) Select the element on the Canvas that you would like to be fixed.

2) Look to the Properties palette and find the Position section. Then, tick the 'Display Pin Position' box.

134c239726a3c4a0e5ec9cc8e208d6e2

3) Look to the 'Y' parameter and from the dropdown, choose 'pin to top'.

3c5b702792e642219a5f4d0bb8711f94


That's it! You can also pin an element along the X axis by clicking on the 'X' parameter dropdown.

2ea7f77c49f2b9bac6d90611509e2ffe