Sharepoint hosted App is displaying with out design

I have added an app to my developer site from SharePoint store and while I tried to take the app page, it is getting displayed with out design. The same thing is happening for the apps created and deployed by using Visual Studio.
Please help me to solve the issue.

Please verify your javascript file path , are you using correct path?
Please debug your js code, filepath for troubleshooting. You can refer these links -
http://www.dev4side.com/en/blog/posts/2014/06/25/using-the-sharepoint-2013-chrome-control-in-your-provider-hosted-apps
http://www.c-sharpcorner.com/UploadFile/63e78b/chrome-control-in-apps-for-sharepoint-2013/
https://code.msdn.microsoft.com/office/SharePoint-2013-Use-the-97c30a2e
https://msdn.microsoft.com/en-us/library/office/fp179916(v=office.15).aspx
https://msdn.microsoft.com/en-us/library/office/fp179934(v=office.15).aspx
Thanks
Ganesh Jat [My Blog |
LinkedIn | Twitter ]
Please click 'Mark As Answer' if a post solves your problem or 'Vote As Helpful' if it was useful.

Similar Messages

Getting error while uploading multiple files in sharepoint hosted app in 2013 with REST API

Hi All,
In one of my tasks, I was struck with one issue, that is "While uploading multiple files into custom list with REST API".
Iam trying to upload multiple files in library with REST calls for an APP development, my issue is if i wants to upload 4 image at once its storing only
3 image file and further giving "Conflict" error". Below is the attached screenshot of exact error.
Error within screenshot are : status Code : 409
status Text :conflict
For this operation i am uploading different files as an attachment to an list item, below is the code used for uploading multiple files.
my code is
function PerformUpload(listName, fileName, listItem, fileData)
var urlOfAttachment="";
// var itemId = listItem.get_id();
urlOfAttachment = appWebUrl + "/_api/web/lists/GetByTitle('" + listName + "')/items(" + listItem + ")/AttachmentFiles/add(FileName='" + fileName + "')"
// use the request executor (cross domain library) to perform the upload
var reqExecutor = new SP.RequestExecutor(appWebUrl);
reqExecutor.executeAsync({
url: urlOfAttachment,
method: "POST",
headers: {
"Accept": "application/json; odata=verbose",
"X-RequestDigest": digest
contentType: "application/json;odata=verbose",
binaryStringRequestBody: true,
body: fileData,
success: function (x, y, z) {
alert("Success!");
error: function (x, y, z) {
alert(z);

Hi,
THis is common issue if your file size exceeds
upload a document of size more than 1mb. worksss well for kb files.
https://social.technet.microsoft.com/Forums/office/en-US/b888ac78-eb4e-4653-b69d-1917c84cc777/getting-error-while-uploading-multiple-files-in-sharepoint-hosted-app-in-2013-with-rest-api?forum=sharepointdevelopment
or try the below method
https://social.technet.microsoft.com/Forums/office/en-US/40b0cb04-1fbb-4639-96f3-a95fe3bdbd78/upload-files-using-rest-api-in-sharepoint-2013?forum=sharepointdevelopment
Please remember to click 'Mark as Answer' on the answer if it helps you

SharePoint hosted app issue - This page cannot be displayed

Hi All, need help on below issue,
When I deploy SharePoint hosted app from Visual Studio 2012, it generated app web URL and that opens the app properly. But, if I upload .app file after
publish in Visual Studio 2012 to App Catalog and added new app based on my SharePoint hosted app. When try to click on app, saying ‘This page can’t be displayed’ in internet explorer. I don’t think so it will be issue with app domain as the app working fine
if deploy from visual studio. Thanks in advance for your help.

It may still be an issue with the app domain, actually with DNS. When you deploy from VS 2012 it automatically adds the appropriate DNS entries to the Hosts file on your VS 2012 PC. That way the App domain can be resolved and you can reach the
site. When you deploy by uploading to the App Catalog that entry in the HOsts file is not created. Instead you should ahve already added the App domain and a wildcard entry to the DNS server used in your network. If that wasn't done then
you will get exactly the behavior you describe.
Take a look at the section on DNS in the following article. Make sure you've followed all the instructions.
http://technet.microsoft.com/en-us/library/fp161236(v=office.15).aspx
Paul Stork SharePoint Server MVP
Principal Architect: Blue Chip Consulting Group
Blog: http://dontpapanic.com/blog
Twitter: Follow @pstork
Please remember to mark your question as "answered" if this solves your problem.

Issue with Workflow in a SharePoint-hosted App Application

Hi,
I have created a Sharepoint-hosted app which has a list workflow in it. After I deploy it to the sharepoint server, I can not find any workflow under the associated list.
However, I did have target list associated with workflow in workflow project property.
(My app and worflow is developed in VS 2012)
I have searched the forum and found some similar question. However, all of them don't have useful answers.....
Can anyone give me some help~?

Hi Baron123,
I can reproduce your scenario, that create an app with list, and add a workflow associates with it, the workflow is not working, that seems doesn’t associates successfully.
Before I can tell why this happens, I found a helpful blog about keeping the list definitions and workflow definitions separate, use Handle APP installed event receiver to wire up a workflow to lists in app web or host web.
As it is not a good solution to deploy the list and workflow in the same app solution, because that if you redeploy the app the date will be lost, the list will be new created, so I would suggest you to reference the blog, check whether this can meet your
requirement.
SharePoint Apps and Workflow:
http://jonfancey.azurewebsites.net/2013/03/22/SharePointAppsAndWorkflow.aspx
Thanks,
Qiao Wei
TechNet Community Support

Issue with REST POST call: CopyTo in a SharePoint hosted App not working

Hi Community
I have been really struggling to get a cross domain copy to work both in an App or even using REST Tools such as Postman or Google Advanced REST Client.
Ok there are various blog posts by Scott G et al. that shows how you can post say in a single domain. Now that's fairly straight forward
in my case I took a .apsx page and added the following lines of code - Checkin - refresh and great the file gets copied via the document ready function
(document).ready(function () {
alert('ready!');
var src = "/appsdev/Shared Documents/SrcDoc.docx";
var dst = "/appsdev/Shared Documents/DestDocCopiedByRestTestASPXPage.docx";
jQuery.ajax({
type: "POST",
contentType: "application/json;odata=verbose",
headers: {
"accept": "application/json;odata=verbose",
"X-RequestDigest": jQuery("#__REQUESTDIGEST").val()
url: _spPageContextInfo.webAbsoluteUrl + "/_api/web/getfilebyserverrelativeurl('" + src + "')/copyto(strnewurl='" + dst + "',boverwrite=true)",
success: function (data, errorCode, errorMessage) {
alert('Success: copied the damn file');
var jsonObject = JSON.parse(data.body);
var jsonObjectText = JSON.stringify(jsonObject);
error: errorHandler
Now I make the call in my SharePoint hosted App and I simple can' t get this to work. Fiddler doesn't exactly help a lot
var src = "/appsdev/Shared Documents/SrcDoc.docx";
var dst = "/appsdev/Shared Documents/DestDocCopiedByMyApp.docx";
var urlWriteLocalFileDebug = appweburl +
"/_api/SP.AppContextSite(@target)/web/Getfilebyserverrelativeurl('" + src + "')/copyTo(strNewUrl='" + dst + "', bOverWrite=true)?@target='" + hostweburl + "'";
executor.executeAsync(
method: "POST",
contentType: "application/json;odata=verbose",
headers: {
"accept": "application/json;odata=verbose",
"X-RequestDigest": jQuery("#__REQUESTDIGEST").val()
url: urlWriteLocalFileDebug,
success: function (data, errorCode, errorMessage) {
alert('Success: copied the damn file');
var jsonObject = JSON.parse(data.body);
var jsonObjectText = JSON.stringify(jsonObject);
error: errorHandler
I can happily run a GET and see the properties of my file but POST no way. Curriously, when I try to run the same command for say Google Advanced Rest Client I get nowhere
Is this a new mensa test!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Freelance consultant

Hi
I have now tested against a trail Office 365 Developer site and I had to make a few adjustments
- change the url
- change the target to SharePoint Onlne
- change the url
I still wasn't happy so I created a new SharePoint Hosted app and pointed at the above developer site. I copied my CrossDomainExec.js and stripped all my code except my CopyItemInSameLIbrary method which hasn't changed since I created this post.
- changed the App Manifest permissions to Web -full Control ( was previously tenant)
I still got errors which is really painful as you don't even see the POST request in Fiddler
The URL used for my POST is as follows ( note host URL is fictitious)
"https://myapphell-547d8061d39e38.sharepoint.com/sites/appsdev/RESTTestSHA/_api/SP.AppContextSite(@target)/web/Getfilebyserverrelativeurl('/sites/appsdev/Shared Documents/SrcDoc.docx')/copyTo(strNewUrl='/sites/appsdev/Shared Documents/DestDoc.docx', bOverWrite=true)?@target='https://myapphell.sharepoint.com/sites/appsdev'" String
Ran the app a second time and now I see......Wow it WORKS!!!!!! ..Can't be true can it?
.... next I will switch the target url to my on prem farm to see if this still works so watch this space!
Daniel
Freelance consultant

How to use Sharepoint Modal Popup loader in Sharepoint-Hosted Apps

Hi,
I have a requirement to use a modal popup as loader in SharePoint-Hosted Apps. I have used this like following-
SP.UI.ModalDialog.showWaitScreenWithNoClose(
'Please Wait',
'while we retrieve...',
'400',
'600');
But it does not work if we have "SP.Js" and "SP.runtime.js" included in the page. If we remove the mentioned script, then only modal works, but other functionality related to "Sp.Js" does not work.
Please let me know if there is any solution for the problem.
Thanks in Advance.

Hi,
Chk out this link also
http://stackoverflow.com/questions/4015159/using-jquery-to-display-a-modal-please-wait-dialog-box-message
http://bernado-nguyen-hoan.com/2012/04/23/how-to-close-sharepoint-modal-wait-screen-after-postback-when-page-is-in-dialog-mode/
http://sharepoint.stackexchange.com/questions/24391/how-do-i-show-a-loading-div-when-opening-a-modal-dialog-from-a-customaction
http://blog.collabware.com/2012/10/30/tips-tricks-sharepoint-2010-modal-dialogs/
Thanks
Jaison A
http://infomoss.blogspot.in

Error when trying to retrieve Document Library in Sharepoint Hosted App using REST

I have created the following REST request in order to retrieve the root folder of a Document Library added to a Sharepoint Hosted App
getProductDocumentFolder: function () {
$.ajax({
url: _spPageContextInfo.webServerRelativeUrl +
"/_api/web/GetFolderByServerRelativeUrl('/Lists/ProductDocuments')",
type: "GET",
headers: {
"accept": "application/json;odata=verbose",
success: function () {
alert("Success!");
//REST.Operator.readAll();
error: function (err) {
alert("Oops, error!");
alert(JSON.stringify(err));
The Document Library was added to the App from the Add > New Item menu in Visual Studio. I selected List and Selected Document Library from the Create a customizable list... dialog. The list is defined as shown in the picture below.
I get the generic error "Value does not fall within the excepted range".
I have tried both
"/_api/web/GetFolderByServerRelativeUrl('/Lists/ProductDocuments')"
and
"/_api/web/GetFolderByServerRelativeUrl('/ProductDocuments')"
for the Document Library URL both I get the same error in both cases.
What am I missing here?

Problem solved.
It turns out there should be NO leading '/' in the relative URL despite the example shown in http://msdn.microsoft.com/en-us/library/office/dn292553.aspx#Folders with "/Shared Folder".
The correct GetFolderByServerRelativeUrl-parameter in my case is 'Lists/Productdocuments'.
Unsure whether example is wrong or if it applies to other cases than mine.

How to open List when Page loads in SharePoint Hosted App?

I want to create an app same like InstantPracticeManager by InstantQuick.
Now I want to know that in a SharePoint Hosted App How can I show the Whole List in a page.
Here I have added one image:
Here there is one list and there are 4 views of that list.
Now the App will be like when I load the page It will show like the image above. Now how can we show the list like this in sharepoint hosted app?
I want the same scenario which is shown in the following blogs:
http://sp2013.blogspot.in/2012/08/use-list-view-in-sharepoint-2013-apps.html
and
http://www.sharepointnutsandbolts.com/2013/08/working-with-web-parts-within.html
where they add a list to an app
Can any one suggest me the idea? I am bit confused.
thanks in advance.

Hi,
According to your post, my understanding is that you want to show the different list view in a page in SharePoint Hosted App.
We can use jQuery and cross-domain library to achieve it.
The following articles for your reference:
Adding a Tabbed View to A Web Part Page Using jQueryUI
http://sympmarc.com/2011/11/09/adding-a-tabbed-view-to-a-web-part-page-using-jqueryui/
How to: Access SharePoint 2013 data from apps using the cross-domain library
http://msdn.microsoft.com/en-us/library/office/fp179927(v=office.15).aspx
SharePoint 2013: Get list items by using the cross-domain library (JSOM)
http://code.msdn.microsoft.com/office/SharePoint-2013-Get-items-d48150ae/view/SourceCode#content
Thanks,
Dennis Guo
TechNet Community Support
Please remember to mark the replies as answers if they help and unmark them if they provide no help. If you have feedback for TechNet Subscriber Support, contact
[email protected]
Dennis Guo
TechNet Community Support

How to get inputted value in a RTE field on custom page and submit by REST call in 'Sharepoint hosted app'.

Hi I am facing the three questions below.
1. How to use default RTE in custom page in Sharepoint hosted app.
I saw the article of Rich text Editor (ribbon based) in a webpart in SharePoint 2013 and tried it. But it did not work well. I guess it needs code-behind setting, however sharepoint hosted app does not support code-behind.
Does anybody know how to do this?
2. In above case, I placed the below code on custom page and tried to get the field's value when submit button was clicked.
<SharePoint:InputFormTextBox ID="rftDefaultValue"
RichText="true"
RichTextMode="FullHtml" runat="server"
TextMode="MultiLine" Rows="5">
</SharePoint:InputFormTextBox>
In debugger, the returned value was 'undefined'.
var note = $('#hogehoge').val();
Is it possible to get the RTE value? If yes, please let me know how to do this.
3. I need to submit the RTE value using REST call.
In this
article in MSDN, the item creation sample treats single line text field. Does anybody know the sample for RTE?

Hi,
According to your description, you might want to use Rich Text Editor control in your SharePoint hosted app.
First of all, I would suggest you post one question in one thread to make it easier to be discussed, which would also help you get a quick solution.
Though we can add this control into a SharePoint hosted app, however, as we can’t add code behind for it, plus with the potential compatibility issues in different
browsers, I would suggest you use other JavaScript Rich Text Editor plugins instead.
Two JavaScript Rich Text Editor plugins for your reference:
http://quilljs.com/
http://nicedit.com/
If you want to submit the value of Rich Text Editor control to a SharePoint list using REST call, since the content in the Multiple Line of Text column is wrapped
with nested HTML tags, the similar requirement would also be applied to the content to be submitted.
Here is a code snippet about how to update a Multiple Line of Text column for your reference:
updateListItem(_spPageContextInfo.webAbsoluteUrl, "List018", 1);
function updateListItem(siteUrl, listName, itemId)
var itemType = GetItemTypeForListName(listName);
var item = {
"__metadata": { "type": itemType },
"MultiTextEnhanced": "<div><a href='http://bing.com/'>Bing</a><br></p></div>",
"Title": "123"
$.ajax({
url: siteUrl + "/_api/web/lists/getbytitle('" + listName + "')/items(" + itemId + ")",
method: "GET",
headers: { "Accept": "application/json; odata=verbose" },
success: function (data) {
console.log(data);
$.ajax({
url: data.d.__metadata.uri,
type: "POST",
contentType: "application/json;odata=verbose",
data: JSON.stringify(item),
headers: {
"Accept": "application/json;odata=verbose",
"X-RequestDigest": $("#__REQUESTDIGEST").val(),
"X-HTTP-Method": "MERGE",
"If-Match": data.d.__metadata.etag
success: function (data) {
console.log(data);
error: function (data) {
console.log(data);
error: function (data) {
console.log(data);
// Getting the item type for the list
function GetItemTypeForListName(name)
return"SP.Data." + name.charAt(0).toUpperCase() + name.slice(1) + "ListItem";
Thanks
Patrick Liang
Forum Support
Please remember to mark the replies as answers if they help and unmark them if they provide no help. If you have feedback for TechNet Subscriber Support,
contact [email protected]
Patrick Liang
TechNet Community Support

Unable to add aspx file to document library using REST and JSOM in SharePoint Hosted App

Hi,
I am unable to add an aspx file to document library. I was actually trying to create a WIKI page and upload to Pages library but that wasn't working so I tried simple document library. It keeps failing with Access Denied error. I have checked
the blocked types and aspx is not included. I can upload it directly from the browser so that shouldn't be the case. I have read that it can be achieved with CSOM but I need this to work with a SharePoint Hosted App. Here is my JSOM:
factory = new SP.ProxyWebRequestExecutorFactory(appweburl);
context.set_webRequestExecutorFactory(factory);
appContextSite = new SP.AppContextSite(context, hostweburl);
oWeb = appContextSite.get_web();
oList = oWeb.get_lists().getByTitle('Documents');
fileCreateInfo = new SP.FileCreationInformation();
fileCreateInfo.set_url("mywiki.aspx");
fileCreateInfo.set_content(new SP.Base64EncodedByteArray());
fileContent = "<%@ Page Inherits=\"Microsoft.SharePoint.Publishing.TemplateRedirectionPage,Microsoft.SharePoint.Publishing,Version=15.0.0.0,Culture=neutral,PublicKeyToken=71e9bce111e9429c\" %> <%@ Reference VirtualPath=\"~TemplatePageUrl\"
%> <%@ Reference VirtualPath=\"~masterurl/custom.master\" %>";
for (var i = 0; i < fileContent.length; i++) {
fileCreateInfo.get_content().append(fileContent.charCodeAt(i));
newFile = oList.get_rootFolder().get_files().add(fileCreateInfo);
context.load(newFile);
context.executeQueryAsync(function () {
alert('yo');
}, function (sender, args) {
alert(args.get_message() + '\n' + args.get_stackTrace());
If I change the file extension to "txt", it works. Same with REST implementation, it works with "txt" but fails with "aspx". Maybe what I am trying to do will not work using JSOM or REST. Any suggestions? Your
help is always appreciated.
Regards,
kashif

Your code works fine in both my on-premises and SharePoint Online. I have given the app full control, so I suspect this is a permissions issue. I would check your permissions on your appmanifest. Must be something to do with publishing permissions. Try
giving full control and work the permissions down.
Blog | SharePoint Field Notes Dev Tools |
SPFastDeploy | SPRemoteAPIExplorer

Sharepoint-Hosted App giving FORBIDDEN error when i use REST Api

Hi,
I have created a sharepoint hosted app which will create Team site on button click.
I used REST Api and NAPA Tool to develop this app.
Napa tool gives to things ClientWebpart.aspx and Default.aspx.
When i run my Default.aspx code is working fine but ClientWebpart.aspx is giving FORBIDDEN error when i am trying to create site.
Below is the code which i used to create site
code:
var hostweburl;
var appweburl;
$(document).ready(function () {
hostweburl= decodeURIComponent(getQueryStringParameter("SPHostUrl"));
appweburl = decodeURIComponent(getQueryStringParameter("SPAppWebUrl"));
function createSPWeb() {
$.ajax(
url: appweburl +
"/_api/SP.AppContextSite(@target)/web/webinfos/add?@target='" +
hostweburl + "'",
type: "POST",
data: JSON.stringify(
'parameters':
'__metadata': { 'type': 'SP.WebInfoCreationInformation' },
'Url': 'RestSubWeb',
'Title': 'RestSubWeb',
'Description': 'REST created web',
'Language': 1033,
'WebTemplate': 'sts#0',
'UseUniquePermissions': false
headers: {
"accept": "application/json;odata=verbose",
"content-type": "application/json;odata=verbose",
"X-RequestDigest": $("#__REQUESTDIGEST").val()
success: successHandler,
error: errorHandler
NOTE:This is on sharepoint online.
Please help
Regards,
sudeep

So in the app you are testing, are you using the FQDN or the NetBIOS name? Bad practice but could you test with both (hard code the absolute URL for testing purposes) then retest your app?
If you are making a web part based on the new app model this will be an "app part" and probably have the same issues you are experiencing. If this is for something internal rather than a product you are developing to resell then the script editor /
content editor web part approach could work for you.
Paul
Paul Mather | Twitter |
http://pwmather.wordpress.com | CPS

Need SharePoint Hosted App for Stock quotes.

Hi All,
I need a code for SharePoint hosted app wherein I want to show stock quotes of company. This App part should be configurable.
Specifically Looking for code which developed in NAPA tool. But any help would be greatly appricieated.
Thanks,
Dhananjay.

Hi Dhananjay,
Please check if below article helps you :
How to Display Stock Information in SharePoint 2013
If my contribution helps you, please click Mark As Answer on that post and
Vote as Helpful
Thanks, ShankarSingh(MCP)

SharePoint Hosted App to Read members of Site owner group, if "Who can view the membership of the group? " is set to Group members only

Hi,
Is there a way to read group members of site owner group via SharePoint hosted app . The "Who can view the membership of the group? " is set to Group members only. As per my research SCA can only view the group members of site owner group
if this settings is applied.
Thanks,
Sudhir
Sudhir rawat

See this.
Avoid changing the MaxPageSize LDAP query policy
http://jeftek.com/219/avoid-changing-the-maxpagesize-ldap-query-policy/
Regards~Biswajit
Disclaimer: This posting is provided & with no warranties or guarantees and confers no rights.
MCP 2003,MCSA 2003, MCSA:M 2003, CCNA, MCTS, Enterprise Admin
MY BLOG
Domain Controllers inventory-Quest Powershell
Generate Report for Bulk Servers-LastBootUpTime,SerialNumber,InstallDate
Generate a Report for installed Hotfix for Bulk Servers

SharePoint hosted app part and SPHostUrl + SPAppWebUrl

Hi,
I have sharepoint hosted app that gets hostweburl and appweburl with the next lines
function getUrl() {
hostweburl = getQueryStringParameter("SPHostUrl");
appweburl = getQueryStringParameter("SPAppWebUrl");
hostweburl = decodeURIComponent(hostweburl);
appweburl = decodeURIComponent(appweburl);
var scriptbase = hostweburl + "/_layouts/15/";
$.getScript(scriptbase + "SP.Runtime.js",
function () {
$.getScript(scriptbase + "SP.js",
function () { $.getScript(scriptbase + "SP.RequestExecutor.js", execOperation); }
function execOperation() {
context = new SP.ClientContext(appweburl);
appContextSite = new SP.AppContextSite(context, hostweburl);
And this works fine. But when I'm creating app part those hostweburl and appweburl fields are undefined. So I cant get the context and everything is broken. Is this done in some other way in app parts?

Like this in the ClientWebPart
<Content
      Type="html"
      Src="~appWebUrl/Pages/Welcome.aspx?{StandardTokens}&ShowImage=_ShowImage_" />
The {StandardTokens} contains all the queryString parameters you need.
Author,
Microsoft SharePoint 2013 App Development
Author,
Professional Business Connectivity Services
Author,
Inside SharePoint 2013
Blog, www.shillier.com
Twitter, @ScotHillier
SharePoint Trainer, Critical Path Training

Web event receiver when adding or deleting a SharePoint hosted app

Hi,
Is it possible to start an action when a SharePoint hosted app is added or deleted from a site collection on our SharePoint 2013 farm on premise?
Also for public apps. Therefore, working with ‘App events’ are not an option.
It tried already with a web event receiver: ‘OnSiteCreated’ and ‘WebDeleting’, but this is not working with appweb's.
When I create a normal subsite, the event is fired. When I added an app to the site, the event is not fired.
Regards,
Johan

Hi Johan,
yes you can do that, try the following:
https://msdn.microsoft.com/en-us/library/office/jj220048(v=office.15).aspx#APPRER
https://msdn.microsoft.com/en-us/library/office/jj220052(v=office.15).aspx
Kind Regards,
John Naguib
Technical Consultant/Architect
MCITP, MCPD, MCTS, MCT, TOGAF 9 Foundation
Please remember to mark your question as answered if this solves your problem

Sharepoint hosted App is displaying with out design

Similar Messages

Maybe you are looking for