Field States

8 Responses

1. Ben Everard

   So I've been playing with a design for work on my lunch today, and wanted to experiment with field states. I'd like to get peoples opinions pleeease :-)

   I'm not to sure it really needs a focus state on an error, but I threw it in for good measure.

   On the first two please ignore the non-white sections on the far right, editing mistake :-)

   almost 2 years ago

2. Toby Howarth

   Hello mate welcome aboard.

   I would just make the Date label shorter and less white space between the date and calender. Other than that it is looking nice : )

   almost 2 years ago

3. Ben Everard

   I've got to keep my options open for longer fields, say for instance "Account Name", when I have a few lined up they all need to be a consistent width.

   Thanks for the comments dude! :D

   almost 2 years ago

4. Pro André Neves

   Try aligning the label's text to the right.
   I would also try an inner shadow on the white part :)

   Looks great overall

   almost 2 years ago

5. Richard Henry

   Label would definitely benefit from being right-aligned. Great start though! I'm interested to see how you pick a date when you click on the field?

   almost 2 years ago

6. Ben Everard

   Thanks for your comments, Richard the date icon is just to signify that it is a date field, and thus a date picker will popup when selected, the icon is part of the input box thus will trigger the date picker.

   Will probably release these to all when they're done, so sit tight :-)... oh, and they look 1000% better when coded up.

   over 1 year ago

7. Nathan Pitman

   You could try incorporating the exclamation mark into the label area to keep the label/input combined width the same. :)

   over 1 year ago

8. Ben Everard

   That's a good point, especially if you're dealing with a fixed width (grid for example).

   over 1 year ago