Skip to main content
Solved

No fixed position option when using auto layout?

  • October 19, 2023
  • 9 replies
  • 3381 views

I have an auto layout frame where I’m trying to get the nav bar to fix position at the top of the frame. There is no option in prototyping like when fixing a nav bar in a normal frame. Is this not do-able or am I missing something? I’d also like to create a back to top button in a frame but that doesn’t seem to be possible either. Thanks!

Best answer by tank666

Insert this frame one level higher.

View original

9 replies

tank666
  • 4854 replies
  • October 19, 2023

  • Author
  • 14 replies
  • October 19, 2023

Hmm. I had already used absolute positioning but I still don’t see that option. What am I missing?




tank666
  • 4854 replies
  • Answer
  • October 19, 2023

Insert this frame one level higher.


  • Author
  • 14 replies
  • October 19, 2023

Excellent! That worked, thank you. I had to move it and absolute position it a second time if anyone runs into the same issue.


That checkbox "Fix Position when scrolling "has been removed. To do the same thing, select your FAB button/icon , go got Prototype > Under scroll behaviour > set the position to Fixed.


  • 1 reply
  • August 26, 2024

Hello, I have build a mobile screen fully with auto-layout, with nav bar and bottom bar, and i can’t put nav bar and bottom bar in “Fixed” state on the prototype mode. Can you explain me why it’s not possible ?


Timo5
  • 2 replies
  • September 5, 2024

It’s possible.

  • Canvas set to Autolayout
  • Fixed Object: should be child of canvas
  • Fixed Object: In Design Tab, under Frame, enable “Absolute Position” (crosshair icon)
  • Fixed Object: In Prototype Tab, choose “Fixed” or “Sticky”
  • Add top/bottom padding to your canvas to give enough space for e.g. Bottom Nav Bar

Bottom Nav Bar can be at the bottom of the canvas, the prototype view is smart enough to bring it into the viewport.

Bildschirmfoto 2024-09-05 um 15.18.43


Bildschirmfoto 2024-09-05 um 15.18.38


ugne
  • New Member
  • 3 replies
  • February 3, 2025

Hey! I came across the same issue and followed Timo5 advice but then my design stops being responsive. Is there a way to solve this? :)


vlks
  • New Member
  • 1 reply
  • February 12, 2025
ugne wrote:

Hey! I came across the same issue and followed Timo5 advice but then my design stops being responsive. Is there a way to solve this? :)

I have same problem. It seems no way to use responsive design in auto layouts and fixed elements together. Elements in “fixed” section must ignore auto layout and can't be responsive. It’s haven't “fill” option in “width”, if “ignore auto layout” enabled.


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings