How to create new custom theme SXA Sitecore

1. Open website local root on your local machine and open the route C:\inetpub\wwwroot\sc93sc.dev.local\App_Config\Include\z.Feature.Overrides and enable config file.. 2. Navigate to folder under theme created on Local machinne and open command terminal on Visual studio code and run: 'npm config set `@sxa:registry https://sitecore.myget.org/F/sc-npm-packages/npm' 3. After registering nuget packages url, on the same root run : 'npm install -global @sxa/CLI' 4. Run this command to allow remote machine url to register url: 'Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope LocalMachine' I ran this on my local machine 5. And then run this command to register url: sxa register https://sc93.sc.local/ ((""Inorder to create a new theme we need to run 'new "Themename"' after above command on theme folder)) 6. Navigate actual theme location folder (C:\repos\CustomappTheme\-\media\Themes\Corporate\Customapp\COMBank> npm install) and run : 'npm install' This will install all required npm modules to our theme 7. Run this command on above root : 'SXA rebuild' 8. And then run gulp on the same root : 'gulp' 9. Command to run to publish UI changes to Sitecore Instance : 'sxa watch All -d' New setup for CE: master sitecore 7 but no need to run gulp sxa rebuld . Navigate actual theme location theme folder (Customapp> npm install) and run : 'npm install' This will install all required npm modules to our theme . Run this command on above root : 'SXA rebuild' . Command to run to publish UI changes to Sitecore Instance : 'sxa watch All -d'

How to deploy angular app into IIS

Click here to see

How to open pdf in browser instead of downloading in sitecore site

 I am using the below patch configuration file for Sitecore 9x and SXA 1.8 to stop the download of PDF files. It works fine for me

<?xml version="1.0" encoding="utf-8"?>
<configuration xmlns:patch="http://www.sitecore.net/xmlconfig/">
  <sitecore>
    <!-- Force download of PDF files -->
    <mediaLibrary>
      <mediaTypes>
        <mediaType name="PDF file" extensions="pdf">
          <forceDownload>false</forceDownload>
        </mediaType>
      </mediaTypes>
    </mediaLibrary>
  </sitecore>
</configuration>

How to Check if element is visible after scrolling?

jQuery.extend(jQuery.expr[':'], {  
    inview: function (elem) {
        var t = $(elem);
        var offset = t.offset();
        var win = $(window); 
        var winST = win.scrollTop();
        var elHeight = t.outerHeight(true);

        if ( offset.top > winST - elHeight && offset.top < winST + elHeight + win.height()) {
            return true;    
        }    
        return false;  
    }
});

$(".my-elem:inview"); //returns only element that is in view
$(".my-elem").is(":inview"); //check if element is in view
$(".my-elem:inview").length; //check how many elements are in view