I have a view for iphone where user has pin and unpin functionality on the list. Everything is working fine as in the image below:

enter image description here

My view has been divided into sections,and i want this functionality also in Headers or Sections and seems like this functionality is a bit difficult to acheive...I want some alternative User Experience where on how user can pin and unpin each units or cells.

The pinned ones are later displayed as summary in another view.

How can i get this effect on the header "TableViewHeader" as in the image below:

enter image description here

closed as off-topic by Devin, Mayo, Graham Herrli, Michael Lai, SteveD Nov 10 '16 at 12:38

This question appears to be off-topic. The users who voted to close gave this specific reason:

  • "Questions about Implementation are off-topic because this site is for User Experience design questions, not questions around how to implement these designs. Therefore, questions around the use of programs like Photoshop or languages such as CSS or JavaScript are off topic." – Devin, Mayo, Graham Herrli, Michael Lai, SteveD
If this question can be reworded to fit the rules in the help center, please edit the question.


Think of using an icon like edit over it - when user clicks on the icon show the options at the bottom on a small full width transparent background strip with animation.

I hope you have a mental image of it. I can't upload a sketch at the moment.


Much like you swipe left to delete something, you can swipe right to pin/unpin something. This behaviour works very well in many to-do and email apps these days.

enter image description here

Note that the pin icon designates a pinned item. The icon might even not be necessary as it's obvious due to the color that the pinning action is there.

This would work on any horizontal element you have, including the tableViewHeader. If the tableview header implies that all of the cells need to be pinned, you can just pin all of the cells within that tableview, and then allow the user to individually unpin certain things they don't need.

This is somewhat of a parallel to a "select all in inbox" functionality.

Not the answer you're looking for? Browse other questions tagged or ask your own question.