Details on Presentation:
Food Truck – columns to keep track of: the number of users who liked a submission, their names, an anonymous check box and a text field that is either updated with their name or “Anonymous”.
Comments – columns to keep track of: a lookup field to the Food Truck list, and comments multiple lines of text.
Home Page – Displays Food Trucks linked to a Details page. The Food Trucks list view web parts are styled with XSL for a more visually appealing look. The XSL files are added in the XSL Link property of the Food Truck list with Chrome Type set to None. The web part on the left uses MostRecent.xsl and the web part on the right uses TopFive.xsl in the zip file.
The Truck.xsl file is set as the XSL Link web part property on the Food Truck list. This file also has a reference to Like.js, which calls function updateListItem() when someone clicks on the Like image. Truck.xsl also appends the ID of the Food Truck to the Comments list, which is linked to CustomNewForm.aspx.
The Comments.xsl file is set as the XSL Link web part property on the Comments list.
This is how the solution comes together. Enjoy!