Sunday, April 16, 2017

Seven steps to build and deploy SPFX web part to SharePoint

  1. Install Node.JS
    Use this link to install Node.JS https://nodejs.org/en/

    2.       Install yeomen and gulp
    CMD>npm install –g yo gulp

    3.       Install SPFX generators
    CMD>npm install –g @microsoft/generator-sharepoint

    4.       Create First Web part
    CMD>yo @microsoft/sharepoint

    5.       Run and Test Project
    CMD>gulp trust-dev-cert
          CMD>gulp serve

    6.       Package and Deploy
           CMD>gulp package-solution

    7.       Install and Add on Page
    A.      Upload the *.sppkg file in app catalog
    B.       Add new App from site contents page
    C.      Keep app running in local
    D.      Create new page and Add App

Sunday, November 29, 2015

Bundling and Minification - SharePoint best practice

Found this really helpful article about bundling and minification using visual studio extension:


https://msdn.microsoft.com/en-in/library/dn850363.aspx

SharePoint script on demand

This is very old now and exists in market from long time for SharePoint, So thought of summarizing it once.

1.     Create file with name ShareTechPoint.js and below content

function sayHello() {
  alert("Hello");
}
//Notify SharePoint that the custom file has loaded.
SP.SOD.notifyScriptLoadedAndExecuteWaitingJobs("ShareTechPoint.js ");


2.     Now write the below code in another  HTML/ascx/aspx file

<script type="text/ecmascript">
 
    function runCode() {
        SP.SOD.RegisterSod(‘ShareTechPoint.js ', 
                            '/StyleLibrary/ShareTechPoint.js');
        var x = ExecuteOrDelayUntilScriptLoaded(sayHello, 
                              "ShareTechPoint.js ");
    }
 
</script>
 
<input id="Button1" type="button" value="Run Code" 
onclick="runCode()" />


 


This is how you can implement Script on demand for SharePoint.

References
  • http://www.ilovesharepoint.com/2010/08/sharepoint-scripts-on-demand-spsod.html
  • http://www.kalmstrom.com/Tips/SPDevDynamicLoading.html

Client web part / App Part showing the blank iframe on page

Hello all - While creating first hello client web part many times people face this issue that there cleint web part show blank window after adding on page.

For showing content on page need to allow framing on page as client web parts loan in iFrame.


<WebPartPages:AllowFraming runat="server" />


Check for above line of code on client web part file. If not preset add it there.

Wednesday, November 18, 2015

Download all Site collection documents / Files using Powershell in specific folder

I updated the script written by "Nico Martens" in below blog post

http://sharepointrelated.com/2014/11/11/download-all-content-in-a-site-collection/

Below script will download all your documents in specific folder of Site and List

Sunday, September 6, 2015

Tuesday, August 25, 2015

List of feature improvement in SharePoint 2016



Find below list which is full of awesomeness about SharePoint 2016 improvements:


1. Lists in SharePoint 2016 are Optimized(5000 list item threshold),  SP2016 auto manages the index to optimize large lists.

2. Stsadm is deprecated but it will still work and can be used for running commands that are not available through PowerShell yet.

3. SPFX is will be available for SharePoint 2018 on prem feature pack 2 onwards


Will Update more in some time



Seven steps to build and deploy SPFX web part to SharePoint

Install Node.JS Use this link to install Node.JS https://nodejs.org/en/ 2.        Install yeomen and gulp CMD>npm install –g y...