?
Solved

Asp.net mvc4

Posted on 2014-10-02
6
Medium Priority
?
102 Views
Last Modified: 2014-10-09
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 ,[MyApp
0
Comment
Question by:Moti Mashiah
  • 4
  • 2
6 Comments
 
LVL 83

Expert Comment

by:leakim971
ID: 40359181
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/
0
 
LVL 1

Author Comment

by:Moti Mashiah
ID: 40359712
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 ).
Index view
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).

Newindexview
0
 
LVL 1

Author Comment

by:Moti Mashiah
ID: 40359718
My question is - how can I design some UI like this one.
0
Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

 
LVL 83

Expert Comment

by:leakim971
ID: 40360146
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.
0
 
LVL 1

Accepted Solution

by:
Moti Mashiah earned 0 total points
ID: 40361770
It is good idea but I didn't actually asked for this solution.


thanks ,
0
 
LVL 1

Author Closing Comment

by:Moti Mashiah
ID: 40370226
didn't really get my solution.
0

Featured Post

Get expert help—faster!

Need expert help—fast? Use the Help Bell for personalized assistance getting answers to your important questions.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Suggested Courses

599 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question