Tell me more ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

I have an issue with creating a specific TextInput (text field) component in Flash Catalyst.

Here is how I want my TextInput component to behave:

  1. When the TextInput component is in it's "normal" state, I want it to be with a black stroke.
  2. When it's being clicked (for typing), I want the component to have a green stroke and a green glow.
  3. When the component is deselected, I want it to have a black stroke as in it's normal state, and naturally, the text should remain visible.
share|improve this question
2  
Implementation questions should be asked on Stack Overflow. – ChrisF Dec 6 '10 at 13:27
@ChrisF - Then vote to close - then we only need two more votes on this one. – Charles Boyung Dec 22 '10 at 5:19
@Charles - I thought I had. – ChrisF Dec 22 '10 at 8:48

closed as off topic by Charles Boyung, ChrisF, Patrick McElhaney Dec 22 '10 at 13:35

Questions on User Experience Stack Exchange are expected to relate to user experience within the scope defined in the FAQ. Consider editing the question or leaving comments for improvement if you believe the question can be reworded to fit within the scope. Read more about closed questions here.

1 Answer

  1. Draw a rectangle on your page.
  2. Convert it to a custom component.
  3. Inside the component (where you can add states), add a text input.
  4. Change the focus ring to the color you want.
  5. Duplicate the state and add a glow to your rectangle (and modfiy the other lines to show hide as you need them).
  6. Add an interaction on the text field, so that when it recieves focus it goes to the second state. And another interaction when it looses focus to go back to the initial state.
  7. Make sure you have something else on the page that accepts focus, like another input.
share|improve this answer

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