Making SharePoint Page configurable

Question

HI All In SharePoint 2016 i have designed a site page using JSOM. now there are some images  left navigation Menu and some buttons. In future someone don't want to go and do the changes in code so how i configure the Site page where they are add the image in any list/library and sync it will come and reflect in site page. Need help to achieve this. Thanks

Rijwan Ansari · Answer

You can use somthing like this. But you can read one file. Let me know if this helps you. text/javascript src= //ajax.aspnetcdn.com/ajax/4.0/1/MicrosoftAjax.js > text/javascript src= _layouts/15/sp.runtime.js > text/javascript src= _layouts/15/sp.js > text/javascript > ExecuteOrDelayUntilScriptLoaded(MainFunction sp.js ); function MainFunction() { var clientContext = new SP.ClientContext.get_current(); var oList = clientContext.get_web().get_lists().getByTitle( 'GM Planner Session' ); var camlQuery = new SP.CamlQuery(); //initiate the query object camlQuery.set_viewXml( ' 3 1 ' ); this .collListItem = oList.getItems(camlQuery); clientContext.load(collListItem); clientContext.executeQueryAsync( Function.createDelegate( this  this .onQuerySucceeded) Function.createDelegate( this  this .onQueryFailed) ); } function onQuerySucceeded(sender args) { var DocSet =  ; var listItemEnum = collListItem.getEnumerator(); while (listItemEnum.moveNext()) { var oListItem = listItemEnum.get_current(); DocSet += '

ID: ' + oListItem.get_id() + '
Name: ' + oListItem.get_item( 'FileLeafRef' ); } // Here i would like to get the file inside the documentSet alert(DocSet.toString()); } function onQueryFailed(sender args) { alert( 'Request failed. ' + args.get_message() + '
' + args.get_stackTrace()); } ​ button value= Get Products onclick= MainFunction() />

Rijwan Ansari · Answer

You can write a function get file URL using json and use that url for your site page purpose. Alternatively you can manually copy the URL then if you want to udpdate simply replace/update with same name.

Netaji Junghari · Answer

Hi Rijwan I have created a SP picture library and uploaded 5 images. And used webpart and selected same picture library (edit webpart config). Now all images are displaying but it should be choice. As per choice can we display any 3 images. Thanks