picture 1

Picture 2 I have a button like the above 1st image. If I am pressing that button it will display the Stacked Action items like in picture 2. By pressing the any of the stacked Action button it will go to the next page but its in a web application and I want the same design in mobile, so what is best approach or design for mobile?

  • @dan1111 i have edited the question for you please have a look
    – IamAbhijit
    Aug 5, 2016 at 11:14
  • What are they stretching? I am guessing they are delaying something?
    – SteveD
    Aug 5, 2016 at 11:24
  • Action are "5 minutes","10 minutes","15 minutes",20 minutes and more" are the action if you press any one of that it will go to the next page. IS it clear enough?
    – IamAbhijit
    Aug 5, 2016 at 11:25
  • @SteveD they stretching items are not delaying,There are action iteams or buttons asking if you want to do that for 5 min,10 min,15 min,20 min or you want to skip
    – IamAbhijit
    Aug 5, 2016 at 11:26
  • @viewPagerSpecialist what do you actually mean by "stretching"? It has multiple definitions :-)
    – SteveD
    Aug 5, 2016 at 11:28

1 Answer 1


Unfortunately I don't know the exact purpose of the button. But for this kind of options the dropdown seems to be unsuitable. Perhaps use a solution like

[Stretch for X min] [-5min or up arrow] [+5min or down arrow] or [skip]

X is a variable and can be changed by the +/- buttons. It is easy to use and contains your 5 min step size. Additionally it is good to use at mobile devices and space efficent.

I think this solution implements your options properly and you can preset the most common duration for your users.

  • I should appreciate your analytical skills damn good..
    – IamAbhijit
    Aug 5, 2016 at 13:21
  • Do u have linkedIN?
    – IamAbhijit
    Aug 5, 2016 at 13:45

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