Create a drop down selection control.
Please find attached PDF describing in more detail.
This should be like a typical drop down in that it provides the user with a selection box. However there are a number of key differences:
Multiline & wrapping text, styling and displays an image.
Calls a REST/JSON webservice to obtain a list contents
There are 3 UI modes:
In Normal view, the control should be borderless and simply display:
1/ Title text
2/ ReviewerType Image
3/ Small down arrow in top right corner indicating this is an editable control.
On hover , the control should show drop down control fully bordered:
1/ Yellow border appear around the title text and around the arrow
2/ allow user to click the down arrow
The user must make a selection to exit; or If user clicks away (lose focus) then selection is the current item. Allow user to scroll up and down using arrows. Middle item is always hi-lighted (like iPhone scroller) I would like to see 5 lines to the screen - needs to be an odd number so that middle is the selection. We could attempt small type face on long descriptions (also iPhone technique).
The project requires a test page.
The target environment is a .NET MVC 3.0 page - so please create a sample and drop in the component for testing.
Also you will need to Mock-up the webservice to serve the list to the component.
This is a quick job to be started and finished in a few days. Please indicate your time frame in your bid.