Sharepoint page is showing along with the addIn

hi all,

I am devloping a sharepoint hosted add in.In that along with add in the whole sharepoint site is displaying it in the iframe.What i am doing wrong.Any help would be appreciated.Thanks in advance.I am attaching the screenshot for the reference.

Note: i am using the script in the PlaceHolderAdditionalPageHead and Html in the PlaceHolderMain

Hi Nandeep,

I think it inherits the master page that was the issue.I am facing another issue i can't take app weburl and host web url in the below code.Can you help me in it.the below one is updated code,but i got _spPageContextInfo undefined error.

<%@ Page Inherits="Microsoft.SharePoint.WebPartPages.WebPartPage, Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" Language="C#" %>
<%@ Register TagPrefix="Utilities" Namespace="Microsoft.SharePoint.Utilities" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register TagPrefix="WebPartPages" Namespace="Microsoft.SharePoint.WebPartPages" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register TagPrefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
"AllowFraming" runat="server" />
"../../Content/App.css" rel="stylesheet" />
"../Scripts/jquery-1.9.1.min.js">
"text/javascript" src="https://ajax.aspnetcdn.com/ajax/4.0/1/MicrosoftAjax.js">
"text/javascript" src="/_layouts/15/init.js">
"text/javascript" src="/_layouts/15/sp.runtime.js">
"text/javascript" src="/_layouts/15/sp.js">
"text/css">
#tabledocuments th {
text-align: center;
border: 1.5px solid #eae8e8;
border-collapse: collapse;
font-size: 14px;
}
#tabledocuments td {
text-align: center;
border: 1.5px solid #eae8e8;
border-collapse: collapse;
font-size: 14px;
}
#tableSubsites th {
text-align: center;
border: 1.5px solid #eae8e8;
border-collapse: collapse;
font-size: 14px;
}
#tableSubsites td {
text-align: center;
border: 1.5px solid #eae8e8;
border-collapse: collapse;
font-size: 14px;
}
"text/javascript">
var hostweburl;
var appweburl;
$(document).ready(function () {
debugger;
SP.SOD.executeFunc('sp.js', 'SP.ClientContext', function () {
debugger;
//Get the URI decoded URLs.
hostweburl = _spPageContextInfo.siteAbsoluteUrl;
appweburl = _spPageContextInfo.webAbsoluteUrl;
if (_spPageContextInfo.siteAbsoluteUrl.indexOf('-') > -1);
{
var hypenIndex = _spPageContextInfo.siteAbsoluteUrl.indexOf('-');
var periodIndex = _spPageContextInfo.siteAbsoluteUrl.indexOf('.');
var removeStr = _spPageContextInfo.siteAbsoluteUrl.substring(hypenIndex, periodIndex);
hostweburl = _spPageContextInfo.siteAbsoluteUrl.replace(removeStr, '');
}
// resources are in URLs in the form:
// web_url/_layouts/15/resource
var scriptbase = hostweburl + "/_layouts/15/";
// Load the js files and continue to the successHandler
$.getScript(scriptbase + "SP.RequestExecutor.js", getListsFromRootSite);
ResizeIFrame();
});
});
function ResizeIFrame() {
if (window.parent == null)
return;
var senderId = $("#RequestContext_SenderId").val();
var height = $("#form1").height();
var width = $("#form1").width();
var message = " + senderId + " >"
+ "resize(" + width + "," + height + ")";
window.parent.postMessage(message, document.referrer);
}
function getListsFromRootSite() {
try {
debugger;
//SP.AppContextSite('" + hostweburl + "')/
var executor = new SP.RequestExecutor(appweburl);
console.log(appweburl + "/_api/SP.AppContextSite(@target)/Web/lists?@target='" + hostweburl + "'&$filter=BaseTemplate eq 101&$expand=RootFolder");
executor.executeAsync(
{
url: appweburl + "/_api/SP.AppContextSite(@target)/Web/lists?$filter=BaseTemplate eq 101&$expand=RootFolder&@target='" + hostweburl + "'",
method: "GET",
headers: {
"Accept": "application/json; odata=verbose"
},
async: false,
success: SuccessHandler,
error: errorTitleHandlerXD
});
//)
} catch (e) {
console.log(e);
}
}
function SuccessHandler(data) {
try {
debugger;
var jsonObject = JSON.parse(data.body);
var lists = jsonObject.d.results;
//var lists = data.d.results;
var tempValue = "General Folders

";
tempValue += "";
lists.forEach(function (list) {
var itemCount = getDocumentLibrariesItemsCount(hostweburl, list.Title);
if (!window.location.origin) {
window.location.origin = window.location.protocol + "//" + window.location.hostname + (window.location.port ? ':' + window.location.port : '');
}
var libraryURL = window.location.origin + list.RootFolder.ServerRelativeUrl;
console.log("Document URL= " + libraryURL);
tempValue += " + libraryURL + "'>" + list.Title + " (" + itemCount + ")";
});
tempValue += "";
$("#divRootSiteLibraries").html(tempValue);
getSubsites();
} catch (e) {
}
}
//Error with Title.
function errorTitleHandlerXD(data, errorCode, errorMessage) {
console.log("Could not complete cross-domain call: " + errorMessage);
console.log(JSON.stringify(data));
}
function getDocumentLibrariesItemsCount(webURL, listTitle) {
var itemCount;
try {
debugger
jQuery.ajax({
url: appweburl + "/_api/SP.AppContextSite(@target)/Web/lists/getByTitle('" + listTitle + "')?$select=ItemCount&@target='" + webURL + "'",
method: "GET",
headers: {
"Accept": "application/json; odata=verbose"
},
async: false,
success: function (data) {
debugger
itemCount = data.d.ItemCount;
},
error: function (data) {
console.log(data);
}
});
return itemCount;
}
catch (e) {
console.log(e);
}
}
function getDocumentLibrariesCount(webURL) {
var libraryCount;
try {
jQuery.ajax({
url: webURL + "/_api/SP.AppContextSite(@target)/Web/lists?$filter=BaseTemplate eq 101&@target='" + webURL + "'",
method: "GET",
headers: {
"Accept": "application/json; odata=verbose"
},
async: false,
success: function (data) {
debugger
libraryCount = data.d.results.length;
},
error: function (data) {
console.log(data);
}
});
return libraryCount;
}
catch (e) {
console.log(e);
}
}
function getSubsites() {
try {
jQuery.ajax({
url: appweburl + "/_api/SP.AppContextSite(@target)/Web/GetSubwebsFilteredForCurrentUser(nWebTemplateFilter=-1)?$filter=WebTemplate ne 'APP'&@target='" + hostweburl + "'",
method: "GET",
headers: {
"Accept": "application/json; odata=verbose"
},
async: false,
success: function (data) {
var icount = 1;
var subSites = data.d.results;
console.log(subSites);
var tempValue = "Management Lines

";
tempValue += "";
subSites.forEach(function (site) {
debugger;
if (!window.location.origin) {
window.location.origin = window.location.protocol + "//" + window.location.hostname + (window.location.port ? ':' + window.location.port : '');
}
var webURL = window.location.origin + site.ServerRelativeUrl;
var librariesCount = getDocumentLibrariesCount(webURL);
if (icount == 1)
tempValue += "";
tempValue += "" +
"" + site.Title + "";
tempValue += " + webURL + "'>Active Issuers (" + librariesCount + ")";
var remainder = icount % 4;
if (remainder == 0)
tempValue += "";
icount++;
});
tempValue += "";
$("#divSubSites").html(tempValue);
},
error: function (data) {
console.log(data);
}
});
} catch (e) {
console.log(e);
}
}
// Function to retrieve a query string value.
// For production purposes you may want to use
// a library to handle the query string.
function getQueryStringParameter(paramToRetrieve) {
var params =
document.URL.split("?")[1].split("&");
var strParams = "";
for (var i = 0; i < params.length; i = i + 1) {
var singleParam = params[i].split("=");
if (singleParam[0] == paramToRetrieve)
return singleParam[1];
}
}
"display: inline-block;">
"divRootSiteLibraries" style="display: inline-block; vertical-align: top;">

Hi Nanddeep Nachan thaks for your response I have given the code below.

<%@ Page Inherits="Microsoft.SharePoint.WebPartPages.WebPartPage, Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" MasterPageFile="~masterurl/default.master" Language="C#" %>
<%@ Register TagPrefix="Utilities" Namespace="Microsoft.SharePoint.Utilities" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register TagPrefix="WebPartPages" Namespace="Microsoft.SharePoint.WebPartPages" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register TagPrefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
"head" runat="server">
"AllowFraming" runat="server" />
"text/javascript" src="../Scripts/jquery-1.9.1.min.js">
"text/javascript" src="/_layouts/15/MicrosoftAjax.js">
"text/javascript" src="/_layouts/15/sp.runtime.js">
"text/javascript" src="/_layouts/15/sp.js">
"text/css">
#tabledocuments th {
text-align: center;
border: 1.5px solid #eae8e8;
border-collapse: collapse;
font-size: 14px;
}
#tabledocuments td {
text-align: center;
border: 1.5px solid #eae8e8;
border-collapse: collapse;
font-size: 14px;
}
#tableSubsites th {
text-align: center;
border: 1.5px solid #eae8e8;
border-collapse: collapse;
font-size: 14px;
}
#tableSubsites td {
text-align: center;
border: 1.5px solid #eae8e8;
border-collapse: collapse;
font-size: 14px;
}
"text/javascript">
var hostweburl;
var appweburl;
$(document).ready(function () {
debugger;
//Get the URI decoded URLs.
//hostweburl = decodeURIComponent(getQueryStringParameter("SPHostUrl"));
//appweburl = decodeURIComponent(getQueryStringParameter("SPAppWebUrl"));
var hostweburleee = window.location.protocol + "//" + window.location.host + _spPageContextInfo.webServerRelativeUrl;
//hostweburl = _spPageContextInfo.siteAbsoluteUrl;
appweburl = _spPageContextInfo.webAbsoluteUrl;
if (_spPageContextInfo.siteAbsoluteUrl.indexOf('-') > -1);
{
var hypenIndex = _spPageContextInfo.siteAbsoluteUrl.indexOf('-');
var periodIndex = _spPageContextInfo.siteAbsoluteUrl.indexOf('.');
var removeStr = _spPageContextInfo.siteAbsoluteUrl.substring(hypenIndex, periodIndex);
hostweburl = _spPageContextInfo.siteAbsoluteUrl.replace(removeStr, '');
}
// resources are in URLs in the form:
// web_url/_layouts/15/resource
var scriptbase = hostweburl + "/_layouts/15/";
// Load the js files and continue to the successHandler
$.getScript(scriptbase + "SP.RequestExecutor.js", getListsFromRootSite);
ResizeIFrame();
})
function ResizeIFrame() {
if (window.parent == null)
return;
var senderId = $("#RequestContext_SenderId").val();
var height = $("#form1").height();
var width = $("#form1").width();
var message = " + senderId + " >"
+ "resize(" + width + "," + height + ")";
window.parent.postMessage(message, document.referrer);
}
function getListsFromRootSite() {
try {
debugger;
//SP.AppContextSite('" + hostweburl + "')/
var executor = new SP.RequestExecutor(appweburl);
console.log(appweburl + "/_api/SP.AppContextSite(@target)/Web/lists?@target='" + hostweburl + "'&$filter=BaseTemplate eq 101&$expand=RootFolder");
executor.executeAsync(
{
url: appweburl + "/_api/SP.AppContextSite(@target)/Web/lists?$filter=BaseTemplate eq 101&$expand=RootFolder&@target='" + hostweburl + "'",
method: "GET",
headers: {
"Accept": "application/json; odata=verbose"
},
async: false,
success: SuccessHandler,
error: errorTitleHandlerXD
});
//)
} catch (e) {
console.log(e);
}
}
function SuccessHandler(data) {
try {
debugger;
var jsonObject = JSON.parse(data.body);
var lists = jsonObject.d.results;
//var lists = data.d.results;
var tempValue = "General Folders

";
tempValue += "";
lists.forEach(function (list) {
var itemCount = getDocumentLibrariesItemsCount(hostweburl, list.Title);
if (!window.location.origin) {
window.location.origin = window.location.protocol + "//" + window.location.hostname + (window.location.port ? ':' + window.location.port : '');
}
var libraryURL = window.location.origin + list.RootFolder.ServerRelativeUrl;
console.log("Document URL= " + libraryURL);
tempValue += " + libraryURL + "'>" + list.Title + " (" + itemCount + ")";
});
tempValue += "";
$("#divRootSiteLibraries").html(tempValue);
getSubsites();
} catch (e) {
}
}
//Error with Title.
function errorTitleHandlerXD(data, errorCode, errorMessage) {
console.log("Could not complete cross-domain call: " + errorMessage);
console.log(JSON.stringify(data));
}
function getDocumentLibrariesItemsCount(webURL, listTitle) {
var itemCount;
try {
debugger
jQuery.ajax({
url: appweburl + "/_api/SP.AppContextSite(@target)/Web/lists/getByTitle('" + listTitle + "')?$select=ItemCount&@target='" + webURL + "'",
method: "GET",
headers: {
"Accept": "application/json; odata=verbose"
},
async: false,
success: function (data) {
debugger
itemCount = data.d.ItemCount;
},
error: function (data) {
console.log(data);
}
});
return itemCount;
}
catch (e) {
console.log(e);
}
}
function getDocumentLibrariesCount(webURL) {
var libraryCount;
try {
jQuery.ajax({
url: webURL + "/_api/SP.AppContextSite(@target)/Web/lists?$filter=BaseTemplate eq 101&@target='" + webURL + "'",
method: "GET",
headers: {
"Accept": "application/json; odata=verbose"
},
async: false,
success: function (data) {
debugger
libraryCount = data.d.results.length;
},
error: function (data) {
console.log(data);
}
});
return libraryCount;
}
catch (e) {
console.log(e);
}
}
function getSubsites() {
try {
jQuery.ajax({
url: appweburl + "/_api/SP.AppContextSite(@target)/Web/GetSubwebsFilteredForCurrentUser(nWebTemplateFilter=-1)?$filter=WebTemplate ne 'APP'&@target='" + hostweburl + "'",
method: "GET",
headers: {
"Accept": "application/json; odata=verbose"
},
async: false,
success: function (data) {
var icount = 1;
var subSites = data.d.results;
console.log(subSites);
var tempValue = "Management Lines

";
tempValue += "";
subSites.forEach(function (site) {
debugger;
if (!window.location.origin) {
window.location.origin = window.location.protocol + "//" + window.location.hostname + (window.location.port ? ':' + window.location.port : '');
}
var webURL = window.location.origin + site.ServerRelativeUrl;
var librariesCount = getDocumentLibrariesCount(webURL);
if (icount == 1)
tempValue += "";
tempValue += "" +
"" + site.Title + "";
tempValue += " + webURL + "'>Active Issuers (" + librariesCount + ")";
var remainder = icount % 4;
if (remainder == 0)
tempValue += "";
icount++;
});
tempValue += "";
$("#divSubSites").html(tempValue);
},
error: function (data) {
console.log(data);
}
});
} catch (e) {
console.log(e);
}
}
// Function to retrieve a query string value.
// For production purposes you may want to use
// a library to handle the query string.
function getQueryStringParameter(paramToRetrieve) {
var params =
document.URL.split("?")[1].split("&");
var strParams = "";
for (var i = 0; i < params.length; i = i + 1) {
var singleParam = params[i].split("=");
if (singleParam[0] == paramToRetrieve)
return singleParam[1];
}
}
"PlaceHolderMain" runat="server">
"display: inline-block;">
"divRootSiteLibraries" style="display: inline-block; vertical-align: top;">

7 Replies

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

parthasarathy B8y ago
Hi nandeep,
I fixed the issue with sending standard params in elements.xml file i missed that before.thanks a lot for your responses.
"html" Src="~appWebUrl/Pages/RootsiteWebpart.aspx?{StandardTokens}" />
parthasarathy B8y ago
Hi nandeep,

I am not getting value for decodeURIComponent(getQueryStringParameter('SPHostUrl')); since the app is loading in iframe.did i missing anything?
Nanddeep Nachan8y ago
Please use below sample code
var context;
var web;
var spHostUrl;
var parentContext

spHostUrl = decodeURIComponent(getQueryStringParameter('SPHostUrl'));
context = new SP.ClientContext.get_current();
parentContext = new SP.AppContextSite(context, spHostUrl);
web = parentContext.get_web();
var list = web.get_lists().getByTitle("My List"));
parthasarathy B8y ago
Hi Nandeep,
I think it inherits the master page that was the issue.I am facing another issue i can't take app weburl and host web url in the below code.Can you help me in it.the below one is updated code,but i got _spPageContextInfo undefined error.
<%@ Page Inherits="Microsoft.SharePoint.WebPartPages.WebPartPage, Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" Language="C#" %>

<%@ Register TagPrefix="Utilities" Namespace="Microsoft.SharePoint.Utilities" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register TagPrefix="WebPartPages" Namespace="Microsoft.SharePoint.WebPartPages" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register TagPrefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>

"AllowFraming" runat="server" />



    "../../Content/App.css" rel="stylesheet" />
    "../Scripts/jquery-1.9.1.min.js">
    "text/javascript" src="https://ajax.aspnetcdn.com/ajax/4.0/1/MicrosoftAjax.js">
    "text/javascript" src="/_layouts/15/init.js">
    "text/javascript" src="/_layouts/15/sp.runtime.js">
    "text/javascript" src="/_layouts/15/sp.js">

    "text/css">
        #tabledocuments th {
            text-align: center;
            border: 1.5px solid #eae8e8;
            border-collapse: collapse;
            font-size: 14px;
        }

        #tabledocuments td {
            text-align: center;
            border: 1.5px solid #eae8e8;
            border-collapse: collapse;
            font-size: 14px;
        }

        #tableSubsites th {
            text-align: center;
            border: 1.5px solid #eae8e8;
            border-collapse: collapse;
            font-size: 14px;
        }

        #tableSubsites td {
            text-align: center;
            border: 1.5px solid #eae8e8;
            border-collapse: collapse;
            font-size: 14px;
        }

    "text/javascript">
        var hostweburl;
        var appweburl;
        $(document).ready(function () {
            debugger;
            SP.SOD.executeFunc('sp.js', 'SP.ClientContext', function () {
                debugger;


                //Get the URI decoded URLs.
                hostweburl = _spPageContextInfo.siteAbsoluteUrl;
                appweburl = _spPageContextInfo.webAbsoluteUrl;
                if (_spPageContextInfo.siteAbsoluteUrl.indexOf('-') > -1);
                {
                    var hypenIndex = _spPageContextInfo.siteAbsoluteUrl.indexOf('-');
                    var periodIndex = _spPageContextInfo.siteAbsoluteUrl.indexOf('.');
                    var removeStr = _spPageContextInfo.siteAbsoluteUrl.substring(hypenIndex, periodIndex);
                    hostweburl = _spPageContextInfo.siteAbsoluteUrl.replace(removeStr, '');
                }

                // resources are in URLs in the form:
                // web_url/_layouts/15/resource
                var scriptbase = hostweburl + "/_layouts/15/";
                // Load the js files and continue to the successHandler
                $.getScript(scriptbase + "SP.RequestExecutor.js", getListsFromRootSite);
                ResizeIFrame();
            });

        });



        function ResizeIFrame() {
            if (window.parent == null)
                return;
            var senderId = $("#RequestContext_SenderId").val();
            var height = $("#form1").height();
            var width = $("#form1").width();
            var message = " + senderId + " >"
            + "resize(" + width + "," + height + ")";
            window.parent.postMessage(message, document.referrer);
        }

        function getListsFromRootSite() {
            try {
                debugger;
                //SP.AppContextSite('" + hostweburl + "')/
                var executor = new SP.RequestExecutor(appweburl);
                console.log(appweburl + "/_api/SP.AppContextSite(@target)/Web/lists?@target='" + hostweburl + "'&$filter=BaseTemplate eq 101&$expand=RootFolder");
                executor.executeAsync(
                {
                    url: appweburl + "/_api/SP.AppContextSite(@target)/Web/lists?$filter=BaseTemplate eq 101&$expand=RootFolder&@target='" + hostweburl + "'",
                    method: "GET",
                    headers: {
                        "Accept": "application/json; odata=verbose"
                    },
                    async: false,
                    success: SuccessHandler,
                    error: errorTitleHandlerXD
                });
                //)
            } catch (e) {
                console.log(e);
            }
        }

        function SuccessHandler(data) {
            try {

                debugger;
                var jsonObject = JSON.parse(data.body);
                var lists = jsonObject.d.results;
                //var lists = data.d.results;
                var tempValue = "General Folders

";
                tempValue += "";
                lists.forEach(function (list) {
                    var itemCount = getDocumentLibrariesItemsCount(hostweburl, list.Title);
                    if (!window.location.origin) {
                        window.location.origin = window.location.protocol + "//" + window.location.hostname + (window.location.port ? ':' + window.location.port : '');
                    }
                    var libraryURL = window.location.origin + list.RootFolder.ServerRelativeUrl;
                    console.log("Document URL= " + libraryURL);
                    tempValue += " + libraryURL + "'>" + list.Title + " (" + itemCount + ")";
                });
                tempValue += "";
                $("#divRootSiteLibraries").html(tempValue);
                getSubsites();


            } catch (e) {

            }
        }

        //Error with Title.
        function errorTitleHandlerXD(data, errorCode, errorMessage) {
            console.log("Could not complete cross-domain call: " + errorMessage);
            console.log(JSON.stringify(data));
        }

        function getDocumentLibrariesItemsCount(webURL, listTitle) {
            var itemCount;
            try {
                debugger
                jQuery.ajax({
                    url: appweburl + "/_api/SP.AppContextSite(@target)/Web/lists/getByTitle('" + listTitle + "')?$select=ItemCount&@target='" + webURL + "'",
                    method: "GET",
                    headers: {
                        "Accept": "application/json; odata=verbose"
                    },
                    async: false,
                    success: function (data) {
                        debugger
                        itemCount = data.d.ItemCount;
                    },
                    error: function (data) {
                        console.log(data);
                    }
                });
                return itemCount;
            }
            catch (e) {
                console.log(e);
            }
        }

        function getDocumentLibrariesCount(webURL) {
            var libraryCount;
            try {
                jQuery.ajax({
                    url: webURL + "/_api/SP.AppContextSite(@target)/Web/lists?$filter=BaseTemplate eq 101&@target='" + webURL + "'",
                    method: "GET",
                    headers: {
                        "Accept": "application/json; odata=verbose"
                    },
                    async: false,
                    success: function (data) {
                        debugger
                        libraryCount = data.d.results.length;
                    },
                    error: function (data) {
                        console.log(data);
                    }
                });
                return libraryCount;
            }
            catch (e) {
                console.log(e);
            }
        }

        function getSubsites() {
            try {
                jQuery.ajax({
                    url: appweburl + "/_api/SP.AppContextSite(@target)/Web/GetSubwebsFilteredForCurrentUser(nWebTemplateFilter=-1)?$filter=WebTemplate ne 'APP'&@target='" + hostweburl + "'",
                    method: "GET",
                    headers: {
                        "Accept": "application/json; odata=verbose"
                    },
                    async: false,
                    success: function (data) {
                        var icount = 1;
                        var subSites = data.d.results;
                        console.log(subSites);
                        var tempValue = "Management Lines

";
                        tempValue += "";
                        subSites.forEach(function (site) {
                            debugger;
                            if (!window.location.origin) {
                                window.location.origin = window.location.protocol + "//" + window.location.hostname + (window.location.port ? ':' + window.location.port : '');
                            }
                            var webURL = window.location.origin + site.ServerRelativeUrl;
                            var librariesCount = getDocumentLibrariesCount(webURL);
                            if (icount == 1)
                                tempValue += "";
                            tempValue += "" +
                                "" + site.Title + "";
                            tempValue += " + webURL + "'>Active Issuers (" + librariesCount + ")";
                            var remainder = icount % 4;
                            if (remainder == 0)
                                tempValue += "";
                            icount++;
                        });
                        tempValue += "";
                        $("#divSubSites").html(tempValue);
                    },
                    error: function (data) {
                        console.log(data);
                    }
                });
            } catch (e) {
                console.log(e);
            }
        }

        // Function to retrieve a query string value.
        // For production purposes you may want to use
        //  a library to handle the query string.
        function getQueryStringParameter(paramToRetrieve) {
            var params =
                document.URL.split("?")[1].split("&");
            var strParams = "";
            for (var i = 0; i < params.length; i = i + 1) {
                var singleParam = params[i].split("=");
                if (singleParam[0] == paramToRetrieve)
                    return singleParam[1];
            }
        }



    "display: inline-block;">
        "divRootSiteLibraries" style="display: inline-block; vertical-align: top;">
"divSubSites" style="display: inline-block; vertical-align: top;">