Microsoft 365 Community SharePoint Monthly, 14 Nov 2017

Previous Meeting Next Meeting

⏯

youtube image

►

From YouTube: PnP Monthly Community Call - November 2017

Description

SharePoint PnP Community call recording from 14th of November, 2017. Summary of the activities happened in the past month around SharePoint development guidance and 3 specific demos around SharePoint development topics. Detailed summary and links to specific demo sections available from https://techcommunity.microsoft.com/t5/SharePoint-Developer/SharePoint-Dev-Ecosystem-Patterns-and-Practices-November-2017/m-p/128018

A

Excellent, so let's actually get started so welcome everybody and welcome to the SharePoint patterns and practices community called this system November 27th. In addition, I think this is actually pretty much the anniversary to two year anniversary from two community cause when we actually started. So it's been a quite a long ride. I'm doing this community course and then we started doing special interest group course. On top of this and everything else, it's been a long ride on the PMPA side.

A

So today we are calling directly from doubling so I'm here in the room with Powell of the LRC Sao Paulo is going to do a one session. One demo today, Burt young Stan's gonna, do a quick demo today as well, directly coming from his session. So he's not yet here, because his session ends in 15 minutes. It's gonna be pretty fresh when he's arriving here. So hopefully, 15 quarter to coda to the following.

A

Our birds have been arriving to the room and he can do it his demo as well, gute and by the way, happy birthday Paul, because everybody's mentioned that anion window as well, so typical monthly community called agenda so we'll go through what has happened within the past month in the SharePoint dev ecosystem signed, and then we go through the contributions and other topics and then we'll concentrate on the demo.

A

So we'll have again three demos in this Monte community core and done by Frank corner Paulo, Parc and Burke eunsang slightly different topics and there's some new topics as well. So as an example, Burt is gonna show today how the Krupa fine operation happens for the classic theme sites and that's pretty cool and then we're gonna show the API functionality which isn't yet available, but you'll get a preview on the upcoming capabilities. So you'll know what's coming how it works and you don't have to worry about what's happening like without other things. Other community calls.

A

This is going to record it and the YouTube video will be available within our YouTube channel, typically within 24 hours, but let's actually get on going so and try to give it short as typical, but quite often I talk way too long and I I mess up their schedules for the demo. So, first of all, a few metrics October 2017 growth on our material on the PMB guidance on the PMB documentation is clearly visible. So we, for example, in YouTube.

A

We had one hundred and forty six thousand minutes of watch time, which is pretty insane well. We do have two more than 200 videos. There are Brown SharePoint framework and other other customization topics. In SharePoint we had 32,000 a bridge, unique visitors in github and that's average number in two weeks, because that's how key top is calculating its visitors. We have four hundred and twenty thousand views in dose of my stuff at home. Slash shipments last live, which is the location for all of our development guidance.

A

So please do remember if you're looking anything related on SharePoint development, if the dog stuff might stuff that comes to SharePoint and you'll find that from there. So all of the up-to-date relevant active documentation from MSD and has been now my credit and the dislocation which we probably still have few locations with three directions to not work properly. But all the modern, adding guidance, Chapin, favorite guidance and all the newest office is getting released in the dog stuff. My stuff at home, slash airplane on the PAP site.

A

On the BMP site, we had bought seven thousand seven thousand nine hundred unique tenants using the PMP, reusable components more than five billion requests coming through in October and then the most used capability once again is the provisioning engine. So people are using that quite heavily a true, PowerShell or BMP see some extension gooch moving on on things. So I can see that there's some audio challenges, apparently with some people.

A

Hopefully, if nothing else you can follow up like or you can then follow up on the under recording later and please remember to meet yourself as well as that. There's no record yes and thanks teen and it does absolutely always helps if you're plucking the headphones. That's a fair point now on October time frame or before the after the previous monthly. As summary, and we have released now for new webcasts, which were all around deployment options from SharePoint framework. So we explain the transcript deployment option.

A

What does it mean in practice as a webcast custom themes with Mona Shipman sites, so a minimal level of branding on the Mona SharePoint sites? That's gonna be growing in the future, but we culture the current setup of what is supported from a custom themes, perspective working with 10 on properties, that's related on SharePoint framework or adding development, and also how to do icon for client-side web part which don't live on this Monday. We also release to guidance videos so both related on SharePoint framework, so debugging SharePoint framework solution in Visual, Studio code, I.

A

Think it's that's like eight minutes explaining how to do an f5 in Visual Studio code and then also using a served of Jason to make SharePoint framework extension development easier. So if you are doing extra point framework extension development, you probably have a gonna have a look on that one, because it's a new capability available starting from one point, three point: four version of SharePoint framework, which is the the previous version which has been going live from the human template creation perspective now moving on on things. So the latest at the most viewed samples.

A

So most two samples have remained pretty much the same since the last months. So there's some samples where we can clearly see that people, because you can tweak that in our matrix system will calculate the views, for example, so people can actually to take advantage of this and we can see that from some of the metrics.

A

But the GPRS activity hub is has been a number one for past months, and that is a really nice thought, a kit, first of all showing how to do enter in solutions in SharePoint Online using modern experiences and the deploy dos using the PMPA provisioning, and it also actually is a nice business case. So how do you use SharePoint to collect? Do need any information around potential GDP are violations?

A

Well, it's not a TDP or violation it's what, while I spaced it all helped me the it's, not a TV PR violation, which were we just gotta collect that it's the.

B

Events and the requests for accessing or updating data of data subjecting, but.

A

It's a great business case and shows how to make that happen, and it is a starting kit and free to use at the PMP site. Scores season extension typically number two well SharePoint. You are responsive going slightly down. That's us expected as well, because it's not really meant to be used with modern experiences, so we'll hopefully say that one's slightly going down in the future as well. So it's query tool from across Winston as expected. In this view ship and favoritest examples. So those are quite often pretty high I.

A

Think in the case of SPF, X react make a menu. This is spoofed metric, unfortunately, but it is a good sample as well. So there's something happen that that sample is really high. Do an entry of a single a single day be a beat a score? A few.

A

A few other samples, memes Inc super high from Spanish and Harper Spencer is coordinating that work as well, but we can see a relatively a nice trend on more and more shape on framework capabilities are getting used and viewed from a key table and then obviously the branding elements and classic branding is quite often in the list as well, or how to do JavaScript customizations in SharePoint framework on the SharePoint, let's say BMP perspective. We do have this slide in every single monthly call.

A

For those who know what we kind of talked about in here, I do apologize, but for those who haven't seen this in a poem before, if the key point of this one is to explain what the SharePoint, BMP or SharePoint development ecosystem is all about, so we have multiple layers which you can select how you want to be involved within the SharePoint BMP. Obviously, if you need support, if you need help, please use the SharePoint developer group at Microsoft tech community. Is this?

A

Probably your route remembers, they came as SP PNP community and that's where, essentially, you can ask questions. You can and get answers from the other ones in a community, it's relatively active from the getting done source as well, and it can always see see other people I'm getting CC done quite a few questions, so I'm kind of running out of time, I'm answering every one of them and I do apologize some time. The second option is our bi-weekly special interest rate.

A

Also, if you're interested on doing SharePoint framework, we do have a biweekly special interest group code where we go through always the latest and greatest on SharePoint framework. So the latest news, road map, preview, demos and upcoming Kate, all of that cool stuff related on the new ways of customers and sharepoint. The next one for that hour is on 23rd of November sort of Thursday and that's 7:00 a.m. Pacific time. But then- and we know that it's wrong time for Pacific, but that's it's more aligned for other people we're dot.

A

It's it's I've been trying to promote the single time so across the world approach for years, but people are not quite catching done and that was a joke. Now. The second bi-weekly, a special interest group call is around the sharepoint development development system, development, emotional development, PHAs core, and all of that, so this one is more aware: we explain provisioning stuff, more general development topics and can pie. Weekly meeting typically shows something new stuff, new capabilities on this one.

A

We would have the special interest report on testers Thursday for the general SharePoint development, but that has been now cancelled due the fact that every single PNP according member is actually in the plane or in the airport during the the call time, so we can add or they're in parental leave, so we can actually and anyway we just can do the call, and so we do apologize on that one.

A

So the next special interest group goal is for Greek from here Tuesday around SharePoint framework, and then we have this monthly community cost where we walk through, where we walk through all the latest. What's has happened within the last one from a SharePoint development guidance perspective. So up to you how often you're gonna join? How closely are going to be involved, and how do you want to follow?

A

What's actually happening, but it's a choice which you can make, depending on your availability, now looking in more details, what has happened with in October, so one of the big things what we went or released in October was the shipment column, column formatting, and that's there's an extra s. Unfortunately, on the slide, don't worry about that one. It's not a columns formatting its column formatting, but this is around the capability on being able to define how to render field values in a list or in a field using at a some specific definition.

A

Super cool capability, a lot of interest, clearly from a so called citizen developers- and we started already this open source initiative of collecting chasin definitions, which other people can then use within their deployments as well. So we do have a key top repository at github homes, the SharePoint / s, PDF : formatting, where you can actually do your contributions or you can consume those JavaScript files or just or a JSON files from there and test how the functionality actually works. This one isn't first review.

A

So if you first released an on site or in first release, then this should be now available for you to take advantage so test things out now. What a host has happened in the November are within the last month, so there was three or four new webparts getting released, or one of these is the react, react textbox Co, which Frank is going to show after I. Do my quick summary? There was other nice examples as well like react, project online showing how to consume project online rest.

A

Api is from client-side web parts or react web hook real time great example, which was actually demoed in the last week. Special interest group call. So if you're interested in seeing that light, we have a recording available in our youtube channel, and there was also quite a few extensions. So extensions are clearly getting traction as well. An application customizer seems to be the most interesting one from a at least from a contribution perspective, but there's a few new country application customizes from Powell of the LRC which we used for within the ignite demos.

A

As an example, then, a nice application web hooks notification that was also demoting. Last Thursday, a special interest group called react, make a menu react, come and discuss now that from Paulo react make a menu from a post from the name was from know. Well that was demoed last week as well and J's command item Commission's from Alex, so good stuff, and you can easily have a look on how this things work, hold them down from Kitab, learn how to do development of sharepoint Famer and learn how to do this kind of stuff by yourself.

A

But thank you everybody for these contributions on other areas. We did have a new sample around our solution, sample around carbon and share policy. This is a actually a real-life sample which we built for our clothes and the price.

A

Really high-end can surprise customers around how to replace current width at policies, which happened, online, combative options and the bird did that for his well day to day project reusable controls a lot of development in there, which is really good thing, because we want to build a set of reusable controls that people can use and we from engineering side. We actually do review this, and so that you should be following up on the right practices and they rely probably implement it.

A

Graydon's videos, few news, videos available there as well I McCain super conscious about the time, because I always talk too much on the Koran engine update sites. So we do have now in this release. So we do have some capabilities which are not yet available within the sharepoint online, and this is something slightly new which we have started doing with sharepoint B&B. So one of the things on the core I see some an inch inside is the AL and methods.

A

So we do have now see some extension methods available to kit, add-ins and SharePoint framework solution deployed from the app catalog to the individual site. Now we do need to be specific on the status of that phone, that functionality has been announced, but it's not has been yet to release, but we independently team, because we have access on early early things capabilities we've been able to provide this one available.

A

So whenever the first released starts, then you can start using this a LMS between your channel as well and there's a also powershell commandlets for those capabilities which, by the way, will be also demoed in the ESP sea as well. There's also a lot of other improvements and quality adjustments on the area. One of the key points maybe mention on the powershell side, there's a canal capability of storing your multiple connections within your script.

A

So you can actually have a one script which way you don't always have to do: connect BMP online multiple times and flip the context. You can actually store a connection, object and flip the connection which you use dynamically within your script and supercool capability in a partial sign. We do not have a demo on that one today, but you. If you are into the PowerShell, you probably get how that actually person will make sure that the documentation is up-to-date on that one.

A

Small nuance on that one, the PMP PowerShell documentation, is going to be landing right next to SharePoint, Online, PowerShell and SharePoint PowerShell documentation to dock struck my stuff to come any day now, so we'll have a new documentation platform for that stuff as well. Coming pretty sure, a lot of new stuff actually happening quite a lot now.

A

A lot of comments, obviously on the on the mobile connections, supports yes, absolutely under now. Thank you. If you Lee again once again for your contribution, we did have more than 40 people, 30 people and contributing, and on this month there was four requests which we unfortunately just run out of time to process. We are trying to focus on getting those things processed in the future in a more timely manner. It's been super super busy month, right after ignite and then ESPC and all of the new stuff what we've been building.

A

So we do apologize for missing some of the pull requests, trying to get them absolutely included in the December release. But thank you for your contribution. Absolutely appreciate it. The community health community, helping community is really the key. How we can scale the SharePoint development as well, and then we can all be more successful on what we do on the company site. We got a these other companies which we got a permission to show they're like logos.

A

If your name was mentioned on the previous slide with your company, you can send me a permission and the company logo as an email and we'll get it updated on the monthly communications and on these things, but once again, quite a project are quite a big amount of companies who are actually giving their employees the opportunity and time to contribute on open source and making other people successful, also in a community. So thank you on behalf of Microsoft or these companies for giving that option as well and also in Microsoft site.

A

We had a quite a few actually additional people, new people, internal community people participating and there's Kirsten crius. As an example, a new person and there's a lot of technical now, we are helping us on the journey of getting stuff, updated and polished as well. Quite a few engineers, who've helped with some of the documentation, so just uh and also also big thanks for the mics of people who've been closely involved now, I don't want to steal any more time on quicks. That was a super quick summary.

A

If you're interested on a more detailed summary, you can absolutely go to the dog store, my stuff. That comes last blocks. So if you carry two dogs out, oops I'm gonna give you the URL in a second, and today there we go so if you're interested in all of the updates. What has happened in the monthly community communication level and on the monthly side from guidance and an example perspective? Please have a look on that free ten documents or written document.

A

What post in the director of staff, conscious blogs, just a quickly address, Frank coordinate, would be the first one: who's actually gonna start presenting they're doing a quick demo, so Frank feel free to start sharing and I'm. Gonna read Timothy's comments, so Timothy first time attending these sessions. Where does one go to such as features to be included in future C use? That is actually an awesome question and now for the CEOs, which are on premises, cumulative versions, you, the best possible price, would be tech, community and and SharePoint group.

A

Because again that's that's managed by the on-premises people and that would be most likely found. You would be able to find the right people from an engineering perspective.

A

Oh and Dean has a good question: Oh Frank. By the way, can you stop? Thank you. Mister.

C

A

I'm gonna just address Dean's question, though, on the sample list of things so I, that's one thing what we are working so the whole dev tourists at Khan will be updated and there should be an automatic code sample catalog which we're now working on and I do so. We haven't actually done updates since February 2017, because with full transparency, the new catalogue kind of last one should have been up and running by April.

A

Now it's November, and so we've been kind of missing quite a few months, but I do understand that we should actually get the list of samples up to date and we'll spend time on that one in upcoming ways to make that happen. So, okay, good for that good feedback, team, good friend and thank you, can you see my screen? Yeah I can see your three just take it away and let's start him there. Okay, thank.

C

You hi everybody, so my name is Franco new I'm, a senior co, sentient thunder at echos basin based in Montreal Canada, and today, I will show you a sample I made a couple of days ago about which text content editing in sub-point million pages.

C

So first I will talk about the requirements, because this sample comes from a real from a real project, so real it is a real requirements for from one of my customer, so the requirement was to provide rich content editor within the appointment pages, because when you talk about content, anything in those pages, basically, what you have to do, I will show you what we take the example of a communication site. If you want to create dynamic experience and add some rich content, you have some some capabilities in the index pages, so you can add.

C

You have a default editor within SharePoint, which is very basic, and if you, if you want to make a great wit experience, you have to do, you have to create your own layout by adding multiple, multiple text text.

C

So, for instance, if you want to add images, we have to to add different web parts within your within your page, so it can be very fast. Adduced and long can be a longer duration for for users to create their pages. So the goal here was to provide a single web part. When you can do all this see. All these things- let's say add images, add tables and so on within your pages, so the where pot is it also I would just so.

C

The report is pretty simple: this is an integration of a third-party tool called textbox IO, which is a third-party editor from from a publisher, and with this control we are able to create which text content within what happen G's. So by default it provides a lot of options, for example, indentation bullet point, and so on things you can integrate your own styles within this web part. You can also integrate images within the same airport, so you you don't have to create a special they at Winton get your images.

C

You ever saw resize feature you can play with the content very very easily. You can also add tables. So those feature are not provided by default by the default SharePoint editor, so it can be on a annoying for user if they want to create rich content. So this this editor so integrity. This is just through an SPF fix web part, but I had the choice. To use many many editor on the market, I chose, I, chose the text box text box y1.

C

For some reason, my thought was to use the ckeditor the ckeditor, but I run into an issue with the default sub point editor. If you look at this editor behind the scenes, it uses the the ckeditor. I can show you just by going into the dome, and if you look here, you will see the ckeditor is yes, so here you can see. This is the tool the default toolbar of the dissapoint web part. But what you can see here is not the the toolbar of the ckeditor with that the default one it's hidden by default.

C

So if you plan to use this, the ckeditor web part in combination of the the default upon 2000, we have, you will have some some issue and the toolbar ones won't show up. So that's why I cannot I couldn't use this this editor. So that's what I chose textbooks. Are you so text goes IO integrates very nicely with the sharpened UI. As you can see, it is very light so and it provides a much more feature that than the default. The default sharpened editor, so I will just go through the solution.

C

So all I did this. This sample, so I go to the Visual Studio code, so this web part is, is developed using a react and s bigfix. So the use of this library so I will show you yeah side by side.

C

The use of this library is pretty easy. All we have to all you have to do is first, first of all is to integrate the library into your solution, because the tag text box, IO does doesn't provide, doesn't provide a CDN or something like that. So you will have to download the library from the from the website. Folks from the publisher website and integrate directly in your solution, then to use this library in your shop and find new type script file.

C

We have to create a definition, a typescript definition file just to sorry, just to make sure typescript can recognize this distally and then import in your in your type script file and then to create the editor itself. It's pretty simple. All you have to do is to create a div element, an HTML div element and specify a unique ID in this case is a random with that generated dynamically dynamically and then give control.

C

And then you have to call this method with your default config. So the the beauty of this editor is, you can configure the toolbar very easily, so you can choose what features users can use in the editor for in see in these examples, just restrict on this feature up and you can use you can customize according to your requirements, all the feature you will you need for a for your user, for example, you can add tables images, videos and so on, and you can also provide your own style.

C

So, if I make this tile, if I write this side h1 year, the the h1 here will be my staff from the club below the global window. So it is very, very customizable. In this way you can also add listeners to catch the the the content for, for example, with when the content is change. You can trigger some some. So in some events, I will show you later the use of this feature. So, as you can see, the use of this library is very, very simple.

C

What what is the next point is the integration of this neighbor with in SPF fix by default, the the textbox IO library comes with a static structure with folders and so on. So, for instance, the text text box iota GS fine needs the resources folder at runtime. This is a pre-requisite so to get it work you we have to do some configuration within web pack and and go to to do this. So if I jump to the girl fight here, what I've done is.

C

First, I exclude us from fine names because by default, when you say when you generate your bundle with web part, the the final we will come with us at at the end, especially for caching purpose, but in the case of text box iota GS. We can't use this mechanism because the lab will be expects that the file name will be exactly this name. So that's why they exclude this the ash from the file name.

C

This configuration applies to all files and you you can't specify a specific file from to exclude the so so would you have to be very careful with this with this parameter and then the next things to do is to copy the is to copy the resource, the static resource folder in your output. So be careful because, depending on your configuration, if you are on development or in production, we have two output folders but default. You can change this folder, but by default comes with two to put folders.

C

So if you specify the ship ship parameters in your jobs in your group common, you will have the the temp folder and in development it's the dist folder, for example. If I go here and I say bundle ship by this way, this configuration I will show you the the inputs.

C

So the input will be the filename wizard without ash and the resource, the resources for the compute in the in the in the output, and you will see the ash are removed from filename.

C

So if you plan to use this web board in your solution, I don't suggest you to ask you to not use to not include this webpart within your job under for especially for the for this reason, because of this parameter, if you print to rely on the cash in the default caching mechanism, so this is this is a little trick to which we integrate this.

C

This library- and the next thing we'll talk about- is the content crawling, because when you talk about sorry, when you talk about content, you could talk about cocoa, so that contents, roll up and and search and you couldn't have to appear in in such wizard. Let's say for for summary, or something like that, so to make your content visible by the search engine you we have to configure the web part accordingly. So if I go here in the in the the web part phylum, you will see this method properties metadata.

C

This method aims to provide to the search engine.

C

The information of your of your content, for instance, I, created a Content property here, so this is a linear property, so it doesn't appear in the property, pain and I will say. This is a nasty email string. So by this way the serpents, our sunshine will be able to crawl. The content of my web prod and the the content will be visible in such in such result by default. The content is, is retrievable by the description managed properly properly in your in your schema.

C

So this is the default property for for the content within your yoga path. So you have to to know this this property. So this is the configuration you have to do to configure it with the search with a search engine. Another things I did not mention I'm. Sorry- and you not mention in this in this web part, one of my weak wormans was to support the copy/paste behavior from Microsoft Word.

C

So if I just take the example of the normal, the default SharePoint editor if I take the content of a Microsoft Word document by the way. This is a very common requirement to create for for users to import the content within within a portal or an intranet. So if I pass the content in the default, sub-point editor, you will see, for instance, the titles the h1, h2 and so on are not replicated in my in my web part.

C

Because it doesn't support yet the dysfunctionality, but if I copy this exact same content within the within the the the textbox editor, it will prompt me if I want to remove the formatting like the disappoint. Editor do or keep the formatting. If I choose keep formatting, you will see the h1 links and so on when we will be kicked, so it can be a very valuable feature for you for your users to create content very quickly. They don't have to add multiple text webpart like this and create their own layout.

C

You just have to put this webpart and copy/paste from their word document, so it can be a very valuable feature and that's petits. You can just then configure your own configured editor with your own configuration and according to, according to your to your requirement.

C

Another thing that I did not mention: if, if you want to compare other editors like text books, are you see key editor and so on? I've made, in my blog a comparison of all available, the most popular editors within the market? So if you want to try to try this, this editor fit fit 250 to do it, so that's petite for me. Thank you. Thank you. Thank you very much for listening thanks.

A

That Frank really really really great game and really great web part as well, and because this is a typically report and there's a lot of people who would be with asking this kind of a capability, but now I think it's time to flip chip column. So thank you Frank for that one. Let's flip the table follow on the same group. The lines open and you can share your screen directly from the computer, see loading for me. I got it so.

B

Hello, everybody now, when we talk about how to migrate very commonly use the tool like jeaious link extension for ListView in the classic UI of sharepoint into the modern UI using the field customizer of the SharePoint framework expansion. So, let's start with the classic UI here you can see in my browser. I have a classic view of a list in which I have a few items with a color column in which I decided to customize the rendering of the color field using a current box instead of the name of the color.

B

This functionality was available in special available in the classic UI of SharePoint, simply using the J's link property of the ListView control, for example. So if I edit, my page, it has to set the context and if I, edit, the properties of the list view web part, you can see that in the mission Linnaeus area, you have the genius link, property and I'm targeting a JavaScript file which I have in the side assets library of my sight.

B

Well, if I go to visual studio code, we can see that the J's link the J's file, that I'm loaded to the J's link property super defines a namespace in JavaScript, then, by using a custom function. Defined atmos base declares a new object which will define a template for rendering custom fields and it will target a color field and particularly, we target the view of that color field using a custom render color field function within the registration matter.

B

I will also tell to the rendering engine of SharePoint in the classic UI to register my of the ridings and then I will be able, in my render corn field method, to say. Okay, give me the color of the current item, the currently selected value and based on the value of the field.

B

Let's define which will be the color, that I will use through a column variable to render a div HTML element with a specific color, which will be the one I selected and giving me as the output the nice box with the color we selected.

B

That's all from Jes link perspective and if you want to use such kind of functionality, for example, you can eventually even consider using a PMP provisioning template through which you can do the provisioning of a list instance, and you can configure at the view level the J's link property as well as you can upload the EGS file using the files, a collection of files. You can upload using the implicit lineage. So this is- and this was a common way of customizing, the UI of Filth in the classic UI.

B

However, if I go back to this list, I stopped editing. The page and I switch to the modern UI, so I exit the classic experience. We will see that by exiting the classic experience, and hopefully it will exit okay. Let's.

A

See here we are now.

B

We don't have anymore this capability because in the modern UI the J's link is not available anymore, so we need something else to get the same result, but the same result from an end user perspective and the same result will be the one I will show you right now if I switch to an Morris item which I have I still have a list of customer items with a color field, and here I have the same rendering as before, but we in the modern UI.

B

In order to achieve this result, you will need to create a SharePoint framework extension. So, first of all, just to give you a few pointers. Let's say you want to create a new project. You will use the yeoman generator, so you will say yeoman you at Microsoft flash sharp-pointed.

B

You will start the human generator to create a new shop with a more project. Of course, name could be. The name of my folder I will target SharePoint Online in order 20 SharePoint, a more extensions available. I will use the same folder in which I am and I will make this solution available. Only at site collection level. I am NOT going to use the tenant wide deployment once you have done that you can select to create an extension and the extension will be a fill.

B

The customizer extension I'm not going to create right now the full scaffolding of the project, because I already have one, but this was just to give you a pointer and a few things about how to create such kind of scaffolding. Once you have, the project will be. You will be in a situation like the one I'm going to show you so here, I have a folder in which I have a project which is a SharePoint framework extension and under this source folder.

B

Here you can see we have a type speed file which has been generated by the yeoman generator, using exactly the same technique as before and the area the fill customizer type from it type speed perspective which inherit from a base build customizer, which will have some custom properties if needed, and in the on render cell method, which is a medal that you can override in any fill customizer. We simply define what will be the new behavior, the new rendering behavior for our custom total fail now.

B

I want to stress the information that, because we are using typescript to create a polymer solutions in Tyson, we can use Java Java code as well and in fact, in this unrendered cell method, overriding I simply copied and paste the content. The JavaScript content on the render curve field function that I have in my J's link.

B

So basically, as long as you create the new scaffolding using the yeoman generator, it is really really easy to reproduce the same UI and the same customization using SharePoint framework, because you will simply need to copy and paste the Java code that you had in your J's link file. In fact, just double checking you can see here we are exactly the same behavior as before. The only the only difference, let me say is that, in order to get the value of the field, we need to read the fill value.

B

Property of the event object that we get as an input argument for our own renders and metal. This is the only difference which is really easy to keep in account. So by doing that, you can have a field customizer, which really will be able, like as a J's link in the classic UI. However, we are you shopping framework, and so maybe you want to simply do that. You are okay with reusing your JavaScript code and nothing more than that.

B

Maybe you want to improve the overall quality of your solution and you wanna use typescript to have a fully type approach to your solution. That's if you, instead of simply three using the JavaScript code, you, for example, use a full type fit based solution. So here is another fill customizer, almost like the previous one, but this time in the on render cell method overriding I still get the feed value from the parent input argument.

B

But I play with some styles, which I define in an SES best CSS file of my visual studio code solution, in which I have the style for the cell plus a bunch of styles for all of the different colors that I wanna support with my field, customizer and so in the field customized upon random cell meat of the implementation. I can simply say: okay, give me a pointer to the document, object model element which represents my field output in the ListView and after that, one.

B

The cluster, which corresponds to the box to the film class and, as you can see, have full access to an intelligence approach to select my Styles because I'm in a fully type context missing tight-lipped and in a CSS capabilities.

B

Moreover, I get a reference to the first child of that Dom element, which will be the DF HTML div element which will represent the content of my field in the ListView and I can add this time to that element, as well as the specific style for the color I wanna framework, based on the color value of my field. By doing that, I will have a much more accurate solution, because I will have a fully type approach. I believe intelligence and I will be able to do proper testing of my code.

B

So what you see right now here is the result of the typescript file that you just saw in my visual studio code. Moreover, from a field customizer perspective, in order to provision to deploy such kind a solution, you will also need to have, for example, a feature element famila through which you will be able to declare a field to the discussed on fill customizer for the rendering of the field value. Aside from that, it's pretty easy, as you saw to migrate.

B

Your already existing code to the new modern experience into the new modern element will be SharePoint framework. That's all on my side, visa yeah, so we still have 15 minutes for that.

A

First start sharing and moving under there. So what you're? Thinking on the trans transformation of the of the things so in general, what we're working on now on example, tutorials on chest, link and user custom actions, and they what was the third one? You see the ECP menu? Yes, so but easy part. Is it easy kind of your opinions, such from and discussion perspective as well? My.

B

Opinion is that it's not that power because, as I said, you can reuse the JavaScript code most of the JavaScript code, that you brought so at least. First page, you can reuse your code and then you can improve it. If you wanna have a long time return of investment or you can just keep the JavaScript code and keep on going with that one and.

A

One thing what we were discussing in the iron window related on this one: you did show that. But let's be super specific on this one, because somebody asked that okay, if I, create a field customizer, does it work now in the classic experience. The answer is no. The SharePoint framework extensions are for modern experiences and then the chase link use a custom action. Ezp menu is for the classic experience and but it's not dependent on a site type, its dependent on the experience.

A

So you can actually have a modern team site and you can still flip on the classic experience and in the classic experience you can still use user custom actions and chase link yeah. So and well, that's pretty weird setup, but that could actually happen. So it is around the modern experiences and which approach you can actually get from an implementation perspective. It's.

B

About modern versus classic experience from nowhere and modern side or classic.

A

Side: yeah, yes, exactly okay, so experience counts, not the site type or or is it a communication side or a classic theme side? Absolutely cool I think we'll jump on bird. This is should be honest for those who are listening. I have to say this. This is the first time, probably everywhere in four of us are sitting in the same room doing this live, and this is super weird, because, typically, everybody is sitting at their home cross the world and.

B

We're showing the bar.

A

But anyway, so Bert take it away yeah. So.

D

When it about Google's fight, first of all, what is the group of fight so Google fight? Is a turtle named for now? So don't start matching strange things: it's internal working a essentially it is technology that we're building that allows you to connect, obviously to fight group, your Disney classic shape on these sites, and the reason why you want to do this is because a group connected site does enable the Shelton site for all the group services sort of like teams or Yammer.

D

So what that is great, the team site you connected to fight a group do it, and that does give you all the goodness of having a mailbox for besides creating a team for that site. So you don't have to start from scratch on to your schemes, because also people like team is great. That's your students I need to copy my corner from your shop on site to my new shape. My site know this case: push up on each site added group to its and connect the team, so, for example, so any future.

D

Now, let's see how we can actually how it works and right. This is early. 2018 in preview trustees, so it's hey, ok, determined someone next year closing.

D

Okay, so one can do. Demo is first of all, show the UI experience and how does it work as an end user and you can hug, you shoot an end user, be able to do this or not, and there will be some controls or you can change the behavior, but today, in this demo, environment, is it ok? It is like this. So click on the site, actions even menu called connect to new over 65 group. When you click that you can ERISA style, we can run to which will walk you through the necessary steps.

D

The first step is defining the group name for good, alias so on, plus we're going to a top 65 group underneath this group this does require an alias, so Google finally gets the alias to profile me very simple.

D

You can have a site address, which sentence using look friendly, so site address in this case is your pre just inside the customer starts from just inside I'm, not creating a new site. That's important description, optionally, that privacy setting by the folder will be private. However, if we detect you using the old users claim somewhere in your current site, then we'll flip it to a public site, but you'll have some options can call this behaviour from the future. So I said this: is the preview technology so I see?

D

Let's connect the group, it's creating the group and if I would affect a traditional owners, the members inside that would have been added to the book when I click finish. What happens? Is that boom there's a new home page for this, a classic team site so as part of the group of five run I'm, not just going to connect I'm justified group to do classic team site also gonna, add a new home page.

D

Currently you get that the stock, modern team site home page I would say, but we'll have an option for you to a front while you can as a as a developer as a user, you can create a custom home, page custom, modern home page up front. Once you have that set, and you run the group of high action, there will be an option to keep that existing modern home page as part of the Cooper fire operation.

D

This'll works great I'm, a company I'm having ten thousands of classic team sites. We want my end users to click through these steps. They want them to pick the alias, maybe I want to have certain structure and how I name the aliases I want to listen in one big shot. So can I automate this question and the answer is yes, you can ultimate because we have an API call for doing it. So that's new! That's actually.

A

Before you go there, one one question: Paul had a question good question related on the application. So what about security quotes, because this did show that in the ESP, but now you're kind of a skip down. So it is a super valid question. So, what's gonna happen with this? Okay, turquoise yeah.

D

Good question actually yeah, so take classic team site. You have two members and the onus shipping groups are people in there. What happens that we will take those people listed in those SharePoint groups and we'll add them as members and bonus of the creative team or fight group yeah.

A

D

Are certain educators, where you have a group inside the group, which is something opposite, is fight because does not yet support? So those are not added at this point, and that's one of the reasons is that we are working on giving additional guidance and scanning technology for the customer. You can say that can run a scan on your environment, listing you all the sites which are easy to group, a fight but you're ready for Google site I've seen the ones which might require some overt from you, because example.

D

We have a complex permission model that doesn't really translate.

D

A

Dean is also having a specific question. Follow-Up on that one. Is that what happens with the site? Collection? Administering is B owners. Yes, yes, and then basically, members are currently members and visitors are probably gonna, be.

D

Well, there's no constantly industrial it stays so groups is some issues on the group used together with the shipment cycle missions, so meaning the entry. The group members is just a claim in the SharePoint members group owners is acclaimed and Shepherd on this group. So it's just a way to extend the SharePoint permission. Yeah, please yeah.

A

And there's a lot of question on best understand a lot of technical details on this one, but I think let's wait for the official documentation come there because there's no point from doing blocking or any announcements around hey. This is exactly how it works. We'll get that sorted. Us API barely worked a few weeks ago so or yesterday, or a table.

C

D

Like that, it's really so.

A

But it's good to know. What's coming and what's what's gonna be available right.

D

Api, just so, you guys see it in action, so have a classic team site and I'm gonna run sample, console application. We just pulling the rest endpoints.

D

D

Should start getting my accounts use your phosphorus, that I can just.

D

Okay, the API WF and this API actually is ready, isn't beside score so I'm using it just which is.

A

Kind of weird this.

D

A

Ability have something yet released, but the API is already.

D

Implemented score, yes,.

A

Faster than lightning so.

D

What are like, the key information you have to specify is the alias, of course, can also display name so as mandatory fields that you have to specify easiest is just the title existing site in the most logical yeah.

A

D

It's perfect or false, and potentially in description, if you want its we're gonna press f5, it will end up in this in this group, could fight site basic method which is available in PP size core as well. So it's the same code in pimping and then this one plus important is just English. We call the purified endpoint, which is group to the site manager, slash grade to decide. They have to grow that school on the classic site. So you connect your classic insight and then invoke this endpoint.

D

Then you build up a JSON payload for a post request, so this one name Elias just kind of wrapping it up.

D

This is a post request, also need a bearer token. I, sorry digest.

D

Quest I just edit, we can hit the actual API.

D

Now it goes out to SharePoint, saying goodbye just classic game sites. I got a city school back. True, so everything went well. It's amazing! You get diocese kind of similar to the information you get from when you played a model in the team site, essentially similar structure.

D

Jason structure back telling you, the group, ID citizen, you co-created with this ugly side state is equal to its own site, has been created successfully and URL of the site, which was the site they started from. This, doesn't change so the same site that.

A

Was one of the questions actually no our window, so we copied all of the content of the site? No, no, no, it's the same size, the same size, which is great, the crew inertia ad and all of the other assets an associate the robot. Basically, we create a group, and then we associate this site for that crew as to share one choice plus other assets and everything else. So.

D

You see here this is this: was the original site and then I loaded this side before running the demo, I didn't refresh yet so. If I now hit control, v, I hope to get something and the same thing and.

A

She wrote underneath so the template will still remain sane technically, it doesn't matter because they experience what people are seeing is there, with the same as with the modern theme, science and again it's the modern experience is classic experience. It's not really around to template type. The template die. Doesn't there you.

D

Have the groove connected years ago and am I using modern? Yes,.

A

D

Experience or not yeah.

A

That's the right way of thinking now.

D

But if you just enabled this site to be used of course, offices, 50 courses, correct, doesn't now it's kind of open for everything, not just Chapel. It can be kinetic team's going to the site and see your documents in Europe. Don't show up any teams because she added those documents any already yeah.

A

Cool I think we are just running out of time. I'm gonna, flip on down the slides and we've been answering on the random questions as they move along because now this we can actually do this because they were better sitting on the right room on the same room. This is so weird today, but now quickly, just been pointing I liked mention on this week's Thursday's special interest group interest group call has been cancelled. Paulo has agreed to set up a slide there, where we will say essentially that this is cancelled.

A

So if you pop by you'll, see it's actually canceled, we do apologize because we are, everybody is actually like mentioned traveling home on Thursday from ESP se from doubling, and we simply do not have anybody and and they're either traveling home or the on parental leave or whatever. So we can't actually run a special interest. Group call no, but I think that's it for this and November monthly community call thanks everybody for joining thanks for your contributions, thanks for following up on our things, please keep the feedback coming.

A

Let us know if something isn't working and if something is working. Obviously, positive feedback is also nice, so please keep the feedback coming and the communication channels open and the video recording will be in youtube channel within 24 hours. So thank you. Everybody for joining, see you later Cheers bye, bye,.