enter image description here I have a checkbox with two possible things underneath it.

If the box is not checked, there will be a dropdown with different default options.

If the box is checked, the user will have to assign two values themselves, via two textboxes.

What is the best way to show these two different methods?

closed as unclear what you're asking by Devin, Andrew Martin, locationunknown, Charles Wesley, Midas Sep 21 '17 at 8:16

Please clarify your specific problem or add additional details to highlight exactly what you need. As it's currently written, it’s hard to tell exactly what you're asking. See the How to Ask page for help clarifying this question. If this question can be reworded to fit the rules in the help center, please edit the question.

  • do you have a rough mock on what you're working on so far? – Mike M Sep 16 '17 at 20:23
  • just included image.Please advice – rohit ranjan Sep 16 '17 at 20:26
  • in first condition , if User un selected option 1 though, user able to select value. so it is loosely couple but value matter to do internal calculation. – rohit ranjan Sep 16 '17 at 20:31
  • so...does a user have to choose an option, or do they have an option for none selected? – Mike M Sep 16 '17 at 21:32
  • I am not seeing two text boxes – paparazzo Sep 19 '17 at 18:41

If you need clear indication of a choice, try radio buttons with the expose within pattern.

You'll see this in LukeW's Web Form Design book.


download bmml source – Wireframes created with Balsamiq Mockups


  • User sees all available options
  • User can see currently selected
  • Data from previous selections can be persisted, so a user can go back to a previous selection at a later time (like a custom mix/max range)

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