MasterList is my List name and Title, ID, ownername, phonenumber, description,and city are their Column names where AttachmentFiles is a Attachment of Image Field..
Step 1
Include Jquery.min.js,Bootstrap.min.js, Bootstrap.min.css
Step 2
var MyParameter = getParameterByName("itemid");
function getParameterByName(name, url)
{
if (!url) url = window.location.href;
name = name.replace(/[\[\]]/g, "\\$&");
var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
var getuserstsring = "https://YourURL/_api/lists/getByTitle('MasterList')/items?$select=Title,ID,ownername,phonenumber,description,city,AttachmentFiles/ServerRelativeUrl&$expand=AttachmentFiles&$filter=Id%20eq%20"+MyParameter+"";
The above RestQuery fetches the columns from list and Filters Depends upon parameter Field.
AttachmentFiles/ServerRelativeUrl(this is the Format for retrieving attachment files from List)
The above Code Frames a New dynamic Url and depends on MyParameter Variable (for every filter it frames a new Url, so this concept is called Dynamic Url,No need to create seperate Urls for every category)
Step 5
$("div[id='container']").append(contents);
The aboveCode is Used to append the Contents to the Div
Step 6
Save the Above Code as .html file and Call it to your Content Editor.
Join the conversation! Your thoughts help the community grow.