2

I have an input form in which I show both Expiry Date and Expiry Days. User has the option to choose anyone -- expiry in days or expiry date. In the existing design 'Expiry in days' and 'Expiry Date' are TWO text boxes. Is there a way to show only one text box that will handle both 'Expiry in days' and 'expiry date', as both the fields refer to expiry?

I don't want to use radio button to toggle between the options. Is there a way to tackle this problem?

1
  • I'm sorry I wasn't clear in my earlier communication. Here's some more info on the problem I am facing: I have an input form in which I show both Expiry Date and Expiry Days. User has the option to choose anyone -- expiry in days or expiry date. In the existing design 'Expiry in days' and 'Expiry Date' are TWO text boxes. Is there a way to show only one text box that will handle both 'Expiry in days' and 'expiry date', as both the fields refer to expiry?
    – Amethyst
    Apr 11, 2016 at 13:13

4 Answers 4

2

Going by your comments, here is what I would go with

mockup

download bmml source – Wireframes created with Balsamiq Mockups

This approach allows you to specify the date as well as gives a reference point for the number of dates before the product is considered as expired or unfit for consumption.

0

How about displaying one of the options upon hover only? You can chose to display the expiration date by default, and show the time remaining upon hover, making the most out of available space and getting a neat UI.

0

I didn't understand why you used two text boxes. Are you going to take inputs from the user?

If you have to make the expiry date or days remaining visible, you can use a link with the text "x Days remaining" and when the user click on it show a modal with all his licence details with a renew button on it.

0

enter image description here

May be this will work for you.

[You can use any transition effect you want.]

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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