asked on

Asp.net mvc4

Hi Guys ,

I would like to implement into my MVC application gallery page with Picture of all our items.

Actually , I Implemented already the items pics Gallery and I allow users to upload picture for each item and view them, but I would like to make it much more like amazons view, like when you search for items you get some square for each item with description and pic.
For now I built some index view that show all the item and View button that give you the option to upload pic and view them.

I have attached the view for this implementation. Please review and let me know if you have any idea.

Thanks ,[

leakim971

What about :

$(".ViewButtonClass").click(function(event) {
        event.preventDefault(); 
        var product_id = $(this).data("productid"); // https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes
        window.open("/StoreCatalog/ItemPicture/" + product_id, "mytitle", "width:640,height:480");       
});

Open in new window

but I think it's better to use a CSS popup :
http://fancybox.net/howto
http://jqueryui.com/dialog/

Moti Mashiah

ASKER

Hi There ,

Thank you for your respond. My intention is not to popup from the "view" button as this concept I have already in order to let users to upload new photos (see attachment ).

What I would like to do is to create another view page and when users search for some item they don't get this index view as show at the attachment. I would like to give them something like this view (see attachment Newindexview).

Moti Mashiah

ASKER

My question is - how can I design some UI like this one.

leakim971

you can use jQuery.autocomplete
check the example here : http://jqueryui.com/autocomplete/#custom-data

So you controller send back an array with products data, and you render it like the example.

ASKER CERTIFIED SOLUTION

Moti Mashiah

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Moti Mashiah

ASKER

didn't really get my solution.