Making SharePoint Page configurable

Netaji Junghari

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,

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Rijwan Ansari4y ago
Accepted 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('31');

        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 += '\n\nID: ' + oListItem.get_id() + '\nName: ' + 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() +
            '\n' + args.get_stackTrace());
    }


"button" value="Get Products" onclick="MainFunction()"/>
Netaji Junghari4y ago
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
Rijwan Ansari4y ago
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.