In Progress

Quicky! jQuery Widget Selection Box with images - Ajax

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:

Normal

Hover

Selection

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

Selection mode:

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.

Skills: AJAX, CSS, Javascript, jQuery / Prototype

See more: ajax image selection widget, widget testing, make up styling, key selection, json calls, jquery 2.1 0, jquery 2, box net, jquery image selection box, ajax widget box, jquery json ajax, jquery ajax json, arrow up, ajax json jquery, ui testing, small jquery, show box, selection, screen calls, odd, mvc jquery, jquery image, iphone mock up, create editable pdf, box

About the Employer:
( 2 reviews ) Mudgeeraba, Australia

Project ID: #1156634

1 freelancer is bidding on average $150 for this job

solutionD

We can do this.

$150 AUD in 2 days
(17 Reviews)
5.2