SharePoint & Power Apps Learning

Canvas power app Monthly expense tracker All items view form: Delete icons: Remove([@'Monthly Expenses'],ThisItem) Welcome screen: All items view: New form: Edit Form: Save button: OnSelect formula: SubmitForm(Form1_1);Navigate(AllItemViewForm) Access APP:  https://apps.powerapps.com/play/726dbb0e-b225-4960-95bd-dab7f8d93c8d?tenantId=caa97982-e2a8-4e63-b5d9-22fbd4840f89

https://www.c-sharpcorner.com/article/steps-to-create-custom-master-page-in-sharepoint-2013-using-design-manager/

Code: https://tejasadventure.blogspot.com/2020/05/reactuserjs.html https://tejasadventure.blogspot.com/2020/05/reacthomejs.html https://tejasadventure.blogspot.com/2020/05/reactcontactjs.html https://tejasadventure.blogspot.com/2020/05/reactappjs.html

import  React  from   'react' ; import  $  from   'jquery' ; class  Users  extends  React.Component {      constructor (){          super ();           this .state = {             FirstName: "" ,             LastName: "" ,             Email: "" ,             Subject: "" ,             Message: "" ,             RetrivedData:[]         }            }     compone...

import  React  from   'react' ; import  $  from   'jquery' ; import  background  from   './images/hero_2.jpg' ; class  Home  extends  React.Component {      constructor (){          super ();          this .state = {             myJsonTask:[],             image: "url('" +background+ "')"         }     }     componentDidMount(){          this .getData();     }     getData(){          let  reactHandler =  this ;          let  urlVal =...

import  React  from   'react' ; import   './contact.css' ; import  contactImage  from   './images/person_1.jpg' ; class  Contact  extends  React.Component{      constructor (){          super ();          this .state = {            contacts: [],           contactImg:contactImage         }       }       componentDidMount() {         fetch( 'https://jsonplaceholder.typicode.com/users' )         .then(res  =>  res.json())         .then((data)  =>  {     ...

import  React  from   'react' ; import   './App.css' ; import   './style.css' ; import   './fonts/icomoon/style.css' ;  import  $  from   'jquery' ; import  Home  from   './home' ; import  Users  from   './users' ; import  Contact  from   './contact' ; import  { BrowserRouter  as  Router, Switch, Route }  from   'react-router-dom' ; class  App  extends  React.Component {    constructor (){      super ();   }   componentDidMount() {        }   slideMenu(e) {     $( 'body' ).addClass( 'offcanvas-menu' );   };   unSlideMenu(e){     $( 'body' ).removeClass( 'offcanvas-menu' );   }   render() {      return  (    ...

https://tejasadventure.blogspot.com/2019/10/power-apps-we-have-1.html https://tejasadventure.blogspot.com/2019/11/power-apps-how-to-configure-using-blank.html   https://tejasadventure.blogspot.com/2019/11/power-apps-field-controls.html Report We can use people picker fields, look up fields  file attachment back next save cancel download the report and this report can be used in other system of powerapp. Add new report button - asks add from existing report Report all item view can design in the way like sharepoint list views for example. we can group it Group AND or Group OR by apply filters Canvas apps: Arrange user experience and interface design allow creativity and business use case guide how the way app wants to look like. Sources can be around 200+ ways. Majorly SharePOint, Power BI From data, From Sample From CDS From blank canvas via appSource Model driven apps: Model driven apps uses power of CDS rapidly to configure your for...

SharePoint framework supports modern tool chain like Node js, NPM, Typescript, Yeomen, Gulp, Javascript coding via React, Angular, Knockout, SharePoint workbench. Node JS -  Node js is an asynchronous event driven java script runtime. The NPM package consist of one or more reusable java script code files called modules. (Node-modules). SPFX consists of several npm packages. where are NPM is useful to work with the several npm packages. YoMEN: Yomen is a client-side-development stack, consists of several functions in one place and runs through command line interface. In SPFX, SharePoint generator provide a default template to our spfx solution. In order to create this generator, we need YOMEN. To sum up, YOMEN is common build tool, boiler plate code(Standard default code),  It provides SharePOint work bench to host webparts for testing. GULP: Gulp is basically a task runner. It converts our SASS files to CSS files and TypeScipt files to Javascript fi...