How to embed an app into a page, or style an app page?

Question

I'm using the calendar app but it links out to a full-page layout on its own rather than using the master templates I have created for the other pages, so it looks out of place. Is there a way to force apps to use the master template, modify their style or even just embed the app inside a regular aspx page?

It does not appear in the app list when I choose 'insert' on the edit page, and it doesn't appear in the iframe when I link to it via the page viewer web part.

Answer 1

Create your app as an app part, follow the below article for more details

Create add-in parts to install with your SharePoint Add-in

---

---
Rajesh
rjesh.com| @rjesh
You don't need to buy me a beer, if helpful just smile, vote, and mark it as answer.

Answer 2

Thank you, these instructions are for visual studio - is there a way to do this via the web interface or Sharepoint Designer?

Answer 3

just to clarify: by calendar app you mean Calendar list or some other app? And another question: do you use publishing site or some other site template for the parent site? In publishing sites there are 2 types of master pages: site master page and system master page (both are set in Site settings > Master Page). So if you are talking about regular calendar list, then it uses basic Sharepoint rules for applying master pages: list views use System master page. So if you customized UI using only site master page you probably need to apply changes also to system master page.

---

Blog - http://sadomovalex.blogspot.com
Dynamic CAML queries via C# - http://camlex.codeplex.com

Answer 4

Sorry I should have been more clear, I'm using the "Employee Leave Management" calendar app from Procomix

Answer 5

Its a 3rd party built SharePoint hosted addin, you will not have options to customize it.

Best option is try to replicate the functionality on your own in your site.

---

---
Rajesh
rjesh.com| @rjesh
You don't need to buy me a beer, if helpful just smile, vote, and mark it as answer.

Answer 6

Not even an option to simply display it in an iframe?

Answer 7

Hi,

There is no direct way to display an app which without app part in an iframe simply from the UI.

By default, SharePoint 2013 prevents cross-domain IFRAMING of pages as a security measure to prevent clickjacking. If a page needs to be rendered in an iframe, modification on the corresponding page is required:

https://blogs.msdn.microsoft.com/officeapps/2012/12/12/iframing-sharepoint-hosted-pages-in-apps/

In your scenario, as it is a third party app, you may need to contact the author to re-do the development to make it be able to display in an iframe.

Best regards,

Patrick

---

TechNet Community Support
Please remember to mark the replies as answers if they help, and unmark the answers if they provide no help. If you have feedback for TechNet Support, contact [e-mail].