Posts

Create virtual machines with the Azure CLI

https://docs.microsoft.com/en-us/cli/azure/azure-cli-vm-tutorial?view=azure-cli-latest

Azure CLI

https://docs.microsoft.com/en-us/cli/azure/install-azure-cli?view=azure-cli-latest

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' ;