Microsoft 365 Community Community Demos, 25 Apr 2019

Previous Meeting Next Meeting

⏯

youtube image

►

From YouTube: Community demo - Out of the box modern page templates and app pages built with SharePoint Framework

Description

This community call demo is taken from the SharePoint Framework community call recording on 25th of April 2019. In this video, Vesa demonstrates the out of the box page template capability and how you can use SharePoint Framework app pages in the SharePoint Online.

Presenter - Vesa Juvonen (Microsoft) - @vesajuvonen

Full details on the community call from https://developer.microsoft.com/en-us/sharepoint/blogs/sharepoint-framework-community-call-recording-25th-of-april-2019/

More details on the SharePoint dev community calls from http://aka.ms/sppnp.

A

How the Stars most capable at work- and this relates on the ad pages as well, if you are on a communication side or a team site- and you create a new page, you actually can see this out-of-the-box experience where you can actually then start by default from three different debates templates and the some updates layouts, which is a really important thing to realize. These are page templates.

A

So there is a significant difference on that and I'll explain that one and it's in a few minutes as well now what's interesting here, is also that there is the tab selection and that one over there. So if you have any custom SharePoint framework webparts, which we want to expose as a single app pages, you are able to do.

A

Those will be visible in here, so you're able to then create, for example, personal email web part as an example to stay imaginary sample as an individual at page, so you don't have to which cannot be modified, there's no, no additional texts and that so you will have a scene full page, a page available now I'll come back on that one in a second. Let's create first one page create a new page using this basic text. I'll show you how this works in practice. There's my basic page. It dissipates template.

A

Why not a page template layout? Why? Because it's just the structure of debate, so you're able to basically then still modify the page. It's a starting point for you to take advantage within your structure. So anybody end users can do this, modify this. They can do whatever they want within the content.

A

Let's add here demo colon number three and that's really cool super super cool page cool page I'm not going to modify this too much I'm gonna publish that one in my site and then we can actually say this interesting new capability, which is save page as a template, so save as a page. Template means that I'm actually taking now this page, which I was warned which I just created and saving this as a new template. So let's give it a name of my or some new page template, and we can see here.

A

I can still modify this. Let's actually modify that to be number three and smaller smaller text. If I can write, I can't write smaller text then go and let's say that dissipates templates, so it's pretty obvious. What happened now is that if I go back on the front page of the site, so in, if I, where do I get, how do I get there come on and I need to click there? No, no! No! No, why? Why aren't those links? What happens so? Okay? That's that's a different one!

A

Interesting! Let me get in here. There was a interesting hippo hiccup related on the home link. Now alpha now create a new page, it's pretty obvious that we will actually see my custom additional plates available as well. I can select that one. It will render that one on the right side and you were able to say that it's, it's actually my custom third page layout option page in this case and now related on this one. Absolutely it's then the single beta parts or single page, this single part at pages as so.

A

These are basically app pages which web part, which has been defined to be available as an app page, so I'm able to create a page based on a personal email, email sitting. I will create the page, and you were able to do this in the SharePoint framework, starting from 1.8. Well, actually, yeah 1.8 for GA I can say that I want to say three emails. Let's give it a name sample name and let's save that and voila.

A

We have a full page rendered web part where you own the whole area on the base, except the header and the top header over there classic questions. What people are always asking when they see this is that well, can I modify the header, can I get rid of the hitter and you can actually modify the header based on the header settings, but you can't get rid of the header for it.

A

So there is no support at all that works way of hiding and the SharePoint header in here, and that is PI design based on the design people in in SharePoint and there's no way over. They are hiding the the top-level either. Now there might be that will introduce a way of getting rid of the top-level section or the header section away. So please vote use a voice and use the user voice for influencing on this decision. So, but this is the current implementation. It is now getting rolled out.

A

The the debates templates selection is getting rolled out to the target. It really stands pretty soon, then worldwide and already right now, when you're creating web parts you're able to actually take advantage of the single part. That page experience. So that's pretty cool now, there's questions related on I can use the template in multiple sites and it would be really cool to combine this with a a organizational assets and I absolutely agree on those.

A

So, first of all, right now this is so to say, as how would I put it it's a minimal, Viable, Product version, which means that it's relatively simple, it's a starting point and it only works in a single one site at the time now.

A

Technically, what you can do is that you're able to use provisioning or something else to get these templates do all of the sites, so that is absolutely possible, because what actually happens behind the scenes is that we dynamically create a pages template library, templates, folder inside of the site pages library and there we actually have the actual base layout, which is my which we created.

A

So it is actually a page, but it has been marked to be a page template, so you could actually replicate this to be available in multiple signs, but they will be separate instances now, sooner or later, yes, there will be a organized organizational wide page templates provided by Microsoft, but I can't give you any timelines on that. It is absolutely in the in the roadmap.

A

When do we get to development ID and that's a separate discussion now customer part pages can be absolutely used in on white, so you're able to that's a good discussion on that one. So these one here, you can deploy a SPSP pkt file, activate that one in a tenant level and then add that same web part will be available across all of the sites within our tenon.

A

The same way part could be also exposed as a team stab and as a normal web part, so you can actually have multiple options available form a single web part as well. Now, on Kristen's question put based on the templates folder, that's not enough. There is a attribute, so there's metadata linking on the property of tight and if I remember correctly, we will look on getting that one document that so how what are the things, how to get things provisioned properly.