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 '16 at 11:14
  • What are they stretching? I am guessing they are delaying something? – SteveD Aug 5 '16 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 '16 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 '16 at 11:26
  • @viewPagerSpecialist what do you actually mean by "stretching"? It has multiple definitions :-) – SteveD Aug 5 '16 at 11:28

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 '16 at 13:21
  • Do u have linkedIN? – IamAbhijit Aug 5 '16 at 13:45

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