- Install Node.JS
Use this link to install Node.JS https://nodejs.org/en/2. Install yeomen and gulpCMD>npm install –g yo gulp3. Install SPFX generatorsCMD>npm install –g @microsoft/generator-sharepoint4. Create First Web partCMD>yo @microsoft/sharepoint5. Run and Test Project
CMD>gulp trust-dev-certCMD>gulp serve6. Package and DeployCMD>gulp package-solution7. Install and Add on PageA. Upload the *.sppkg file in app catalogB. Add new App from site contents pageC. Keep app running in localD. Create new page and Add App
Share Tech Point
by Satish Gadekar
Sunday, April 16, 2017
Seven steps to build and deploy SPFX web part to SharePoint
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.
Check for above line of code on client web part file. If not preset add it there.
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
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
Clear client side people picker control
Use below function to clear the people picker control values from page on client side.
Code:
Code:
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.
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
Subscribe to:
Posts (Atom)
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...


-
There are three different classes you can use to query SharePoint list:- 1. SPQuery Used for query a data from a specific li...
-
Use below function to clear the people picker control values from page on client side. Code:
-
It is a permission issue. DateTimeControl field uses the iframe calender page to render the actual calender. The location of iframe...
