Posts

Showing posts from June, 2022

App Catalog & Work Bench

Image
  App Catalog                 App catalog is  a special site collection, where we can upload app & client side                             webparts(sppkg).               Two types of App Catalogs are there. 1.Tenant Level      Tenant Admin can create catalog at  Sharepoint admin center SharePoint Admin center > More Features > Apps > App Catalog > Create new catalog site > open AppCatalogSite > ‘ Apps for SharePoint ’ library where we upload apps SiteCollectionLevel      Tenant Admin can run below shell cmd and create Appcatalog at site level. While running the first comment it ask for credentials popup (Tenant Admin Credentials required). Connect-SPOService –Url <SPO Admin Center Url> Add-SPOSiteCollectionAppCatalog –Site “<SiteCol...

Evaluation of SharePoint Coding

Evolution:   Farm Solution     Started with  SP2007. It  More powerful, even it can extract passwords from server. It’s a security issue Sandbox Solution     Started in  SP2010. Here  code defined in isolated space. So it is not powerful to access beyond sitecollection, so we cannot do complex customization using this AddIn Model/App Model     Started in  SP2013.  SharePoint hosted, Provider hosted, AutoHosted(Discontinued) are the different app models. Setting up app is time consuming and complex process & also it is loading in iframe which is slow Script Injection     Using  Script Editor/Content Editor webpart can add js & html code to any page. Here the problem is any one can add scripts in page which will lead to security issue. No Script Capability :       Microsoft introduced No script injection allowed in pages.            ...

SPFx Developer Tools Setup

  Developer Tools Setup                       We will install below tools to create SPFx webparts 1. Node JS             To download Node.js: https://nodejs.org/  > download >   Previous Releases > select latest LTS version file(v14) > click relevant MSI file then download & install. (Note: LTS->Long Term Support version for SPFx, Please check latest version and install)   2. Code Editor                          Visual studio code,  Atom, etc…  are the some tools used as a code editor To Download Visual studio code -> https://code.visualstudio.com/  > Download & Install Here “Visual studio code” is builds by github community so it is recommended 3. Yeoman and gulp                In " command prompt run ...

SPFx All Posts

SPFx introduction . SPFx Developer Tools Setup Evaluation of SharePoint Coding App Catalog & Work Bench Debug SPFx React webpart with Visual Studio Code SPFx with No Framework (Plain TypeScript): Create SPFx Webpart using Visual Studio code & Type script   Create SP Library as CDN (Upload SPFx webpart assets into SharePoint library) Customize SPFx webpart Properties Adding jQuery to SPFx webpart & Adding Accordion control using jQuery SPFX with React: SPFx React Basics & Life-Cycle CRUD Operations using SPFx React Webpart & Rest API (SPHttpClient) SPFX with PnPJS: PnPJS Introduction SPFx with PnPJS CRUD Operations (V3) SPFX with MS Teams: Build MS Teams Tab Using SharePoint Framework SPFX Other Important Topics: SPFx Run with elevated privileges Token type is not allowed Error While using Client Id Client Secret For more details refer this YouTube link

SPFx introduction

  SPFX (SPFx) is  a page and web part model that provides full client-side SharePoint development, easy integration with SharePoint data, and extending Microsoft Teams .      This SharePoint customization can be built on any JavaScript framework like angular js knockout js or react js. Using SPFx we can develop 3 type of components Webparts -     Webparts are UI elements , that can be added to the pages & can access DOM elements of page Extensions     Extensions are used to extend the SharePoint user interface of modern pages & document libraries.     It is used for branding across the site. There are three type of extensions.      1.Application Customizers:          To add scripts  & update HTML Place holders(Header/Footer) across the site pages. It can be used           to branding across the site pages.     2.Field Customiz...