Solved

Asp.net mvc4

Posted on 2014-10-02
6
94 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 82

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
Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

 
LVL 82

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

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

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.
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
The viewer will learn how to dynamically set the form action using jQuery.
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)

825 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