Step1:
Welcome to Designers Dairy blog , Here we are going to discuss How to Implement Responsive UI in SharePoint 2016 in On-Premise SharePoint and office 365.
Step2:
In Earlier Days, We can't make sharepoint ribbon, content areas like navigation, search box and content pages are not responsive in tablet and mobile views.
Step3:
To Overcome this issues.
The solution is to enable the PnP Responsive UI in Microsoft SharePoint 2013/2016 on-premises or SharePoint Online using the Power Shell cmdlet Enable-PnPResponsiveUI, and also provides you the capability to enable a custom Responsive UI for a Site Collection.
Download the files included in this solution
https://github.com/SharePoint/PnP-Tools/tree/master/Solutions/SharePoint.UI.Responsive
Step4:
To Enable the responsive UI package, keep the files in C:Drive as shown in below screenshot.
Step5:
Give .\Enable-SPResponsiveUI.ps1 comment to install SP Responsive package
Ps c:\> .\Enable-SPResponsiveUI.ps1
It will ask for Target Url : https://xyz.sharepoint.com/sites/Mycompany
and give the Credentials Username and password.
Step6:
Once its gets completed you will get success message
"Responsive UI application succeeded"
Step7:
Refresh your site collection and check entire site will be responsiveness.
Step8:
Enjoy folks.. Stay Tune on Webdesignersdairy for more updates on SharePoint.
Welcome to Designers Dairy blog , Here we are going to discuss How to Implement Responsive UI in SharePoint 2016 in On-Premise SharePoint and office 365.
Step2:
In Earlier Days, We can't make sharepoint ribbon, content areas like navigation, search box and content pages are not responsive in tablet and mobile views.
Step3:
To Overcome this issues.
The solution is to enable the PnP Responsive UI in Microsoft SharePoint 2013/2016 on-premises or SharePoint Online using the Power Shell cmdlet Enable-PnPResponsiveUI, and also provides you the capability to enable a custom Responsive UI for a Site Collection.
Download the files included in this solution
https://github.com/SharePoint/PnP-Tools/tree/master/Solutions/SharePoint.UI.Responsive
Step4:
To Enable the responsive UI package, keep the files in C:Drive as shown in below screenshot.
Step5:
Give .\Enable-SPResponsiveUI.ps1 comment to install SP Responsive package
Ps c:\> .\Enable-SPResponsiveUI.ps1
It will ask for Target Url : https://xyz.sharepoint.com/sites/Mycompany
and give the Credentials Username and password.
Step6:
Once its gets completed you will get success message
"Responsive UI application succeeded"
Step7:
Refresh your site collection and check entire site will be responsiveness.
Step8:
Enjoy folks.. Stay Tune on Webdesignersdairy for more updates on SharePoint.