Home Forums Pro tips Share your tips! Persistent elements in prototypes

  • Author
    Posts
  • #5986 Score: 0
    Ben
    Ben
    Moderator
    21 pts

    “How can I make an icon bar ‘sticky’?”

    — question during a webinar

    Some designs are longer than the available viewport. Users can scroll to see the rest — but sometimes we want part of the design to remain visible at all times. Such elements are said to be “sticky,” and they’re easy to create in UXPin. (Learn more terminology.)

    Go to general properties and give your canvas a limited size — say, an iPhone 5. Then select the item(s) you want to remain visible, whether it’s an element, a smart element, a group — whatever works. Turn on “fixed position” in General Properties.

    Voilá — elements that don’t move if the user scrolls outside of the viewport. You know you’ve got it right when a yellow pin icon appears in the upper left corner of the item with a fixed position.

    Attachments:
    You must be logged in to view attached files.
  • #5993 Score: 0
    Natasza Libich
    Natasza Libich
    Moderator
    14 pts

    Yeees!! Thanks Ben! And if anyone would like to know more, here’s the “fixed position” tutorial: https://www.uxpin.com/community/tutorials/fixed-position/ 🙂

You must be logged in to reply to this topic. Click here to login or register