Posts

SharePoint Calculate Field to calculate Month and quarter from date

=IF(MONTH( Created )<=3," Q1 - "&(YEAR( Created )-1), IF(MONTH( Created )<=6," Q2 - "&(YEAR( Created )), IF(MONTH( Created )<=9," Q3 - "&(YEAR( Created )),IF(MONTH( Created )<=12," Q4 - "&(YEAR( Created )),"")))) Result:  Created date : 21-01-2020 Output : Q4 - 2019 Consider FY : Apr to Mar

Change "Specify your own value" text in a SharePoint Default new form

Please use the following  <script src=" http://code.jquery.com/jquery-latest.js " type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $("label[for='ctl00_m_g_7935fd55_94fa_4f54_81aa_b55071fd845e_ctl00_ctl05_ctl04_ctl00_ctl00_ctl04_ctl00_FillInButton']").text("My Custom Value"); }); </script>

SPFX Full Bleed WebPart - SPFx Full width

Install npm install jquery @types/jquery Include the below in your .ts or .tsx file import * as jQuery from "jquery"; Add the following lines in the WebPart initialisation.   public onInit () : Promise < void > { return super . onInit (). then ( _ => { jQuery ( "#workbenchPageContent" ). prop ( "style" , "max-width: none" ); jQuery ( ".SPCanvas-canvas" ). prop ( "style" , "max-width: none" ); jQuery ( ".CanvasZone" ). prop ( "style" , "max-width: none" ); }); }

How to Use Bootstrap in SPFX (SharePoint Framework)

npm install jquery -- save npm install @types / jquery -- save npm install bootstrap -- save npm install @types / bootstrap -- save Add following code in config.json file externals ": { " jquery ": { " path ": " node_modules / jquery / dist / jquery . min . js ", " globalName ": " jQuery " }, " bootstrap ": { " path ": " node_modules / bootstrap / dist / js / bootstrap . min . js ", " globalName ": " jQuery " } Add the below lines in .ts file import * as jQuery from 'jquery' ; import * as bootstrap from 'bootstrap' ;

SharePoint Framework (SPFx) - Dev Setup

Install node.js Click the Link to install node.js Node.js msi installer will also install npm package. After installed node.js msi, to make sure that whether the node and npm is installed, Please run the below command in command prombt node -v it will show the version of the node js installed in your computer To check whether npm installed, run the below command npm -v it will show the version of the npm installed in your computer Install yeoman and gulp After the above installation and check, run the below command to install  npm install -g yo gulp Note that if you are facing any issue while install the yeoman and gulp, Please re-start the computer and try. After successful installation, you will get this message "Everything looks alright"  Code Editor you may user any code editor that supports the client side development 1. Visual Studio Code 2. Atom 3. Webstorm  Hope this will helps you to set up the development environment. ...

Sharepoint People Picker control : "The control is not available because you do not have the correct permissions"

Image
Steps 1. Go to the SharePoint Group Settings page 2. Change the membership option to "Everyone" Hope this will helps you all !!!.

Bootstrap Tabs Selected on PostBack in .Net

Aspx page < div   id ="Tabs"   role ="tabpanel">      <!-- Nav tabs -->      < ul   class ="nav nav-tabs"   role ="tablist">          < li >< a   href ="#personal"   aria-controls ="personal"   role ="tab"   data-toggle ="tab"> Personal          </ a ></ li >          < li >< a   href ="#employment"   aria-controls ="employment"   role ="tab"   data-toggle ="tab"> Employment </ a ></ li >      </ ul >      <!-- Tab panes -->      < div   class ="tab-content"   style =" padding-top : 20px">          < div   role ="tabpanel"   class ="tab-pane a...