SharePoint & Power Apps Learning

component width: Max(App.Width, App.MinScreenWidth) Components: New component -> and created MenuComponents New custom property -> Items Input Type Data Type: Table Table({Item:"Home"}, {Item:"Admin"}, {Item:"About"}, {Item:"Help"}); We have to create an output property,  before that, I have added on vertical gallery in MenuComponents Gallery1 - with only text label Items:  MenuComponent.Items It will show list of Menu's Now create an output property: New custom property-> Selected Output Type Data Type: Text click on created Selected property, click on advanced - >  we observe Selected(Output) Gallery1.Selected.Item  Which means we are passing an output. In our MenuComponent, since we already added on gallery control Hence Gallery1.Selected.Item which ever is selected been an output from our output property named as selected. What is Scope in components? In MenuComponent which we create, right hand side there is an option called ...

First we are creating context from WebPartContext in props ts file. import { WebPartContext } from "@microsoft/sp-webpart-base" ; export interface INewCrudWithReactProps {   description : string ;   context : WebPartContext ;   siteUrl : string ; } Then go to main .ts file, supply values to context and siteUrl public render (): void {     const element : React . ReactElement < INewCrudWithReactProps > = React . createElement (       NewCrudWithReact ,       {         description : this . properties . description ,         context : this . context ,         siteUrl : this . context . pageContext . web . absoluteUrl       }     );     ReactDom . render ( element , this . domElement );   } Create ISoftwareCatalog ts file. export interface ISoftwareCatalog {     Id : number ;     Title : string ; ...

  https://www.youtube.com/watch?v=RjmabDfMJG0 Using HTTP, We need client id and client secret. No matter which user is running the flow. For that we need to register our power app to the SharePoint site at site collection level. We will register the app with client id and client secret. This way in our flow, we are not going to use any individual user connections with SharePoint permissions impact. First we need to register the site at site collection level https://plainsmidstream.sharepoint.com/sites/maximo/_layouts/15/appregnew.aspx The app identifier has been successfully created. Client Id:  07707f52-04ca-4a23-a330-0b42d33ef82b Client Secret:  z1h/bHkecXPmguEMGiVG59D4HBOveIjbGvEKNA8VyX0= Title:  Access Request to SharePoint Power App App Domain:  www.localhost.com Redirect URI:  https://www.localhost.com Now open appinv.aspx https://plainsmidstream.sharepoint.com/sites/maximo/_layouts/15/appinv.aspx In app id, past the client id which already ...

Create a folder CreateAPIEventsDemo and create react webpart install types for graph api as below. which adds dev dependencies to our JSON files. "npm install @microsoft/microsoft-graph-types --save-dev" now go to components-.ts file  We are adding context  context : WebPartContext ------------------------------------------- Created a new file in components folder ICalendarEventsState.ts import   *   as   MicrosoftGraph   from   '@microsoft/microsoft-graph-types' ; export   interface   ICalendarEventsDemoState {      events : MicrosoftGraph . Event []; } We have created ICalendarEventsDemoState interface with events as property with array of events from MicrosoftGraph. for our convenience we import graphapi types  import   *   as   MicrosoftGraph   from   '@microsoft/microsoft-graph-types' ; ---------------- In Main.ts file public   render ():  void  {      c...