Cookies
This website stores cookies on your computer to provide the best possible functionality. These cookies are used to collect information about how you interact with our website and allow us to remember you. We use this information for improving your browsing experience and for analytics about our visitors . To find out more about the cookies we use, see our Privacy Policy
Okay

Responsive Page Webpart

A webpart that automatically resizes other webparts & app-parts

Tabbed View Webpart
Compatibility: 2016 365

Resize and Realign your SharePoint page as your screen size

Often with having multiple App-parts or multiple webparts on your page, the page becomes specific to only 1 particular screen size. In other words the layout is fixed, and thus you can use our SharePoint webpart to make your page be responsive to various screen sizes

Steps to configure the Responsive Page Webpart

  • Download the webpart file and html layout file from here and unzip its contents
  • Find the layout.html and upload it to a location in the Style Library(recommended) or Site Assets folder
  • Open the DWP in a text-editor such as Notepad++ or Visual Studio, Update the content link value on line number 29 with the location at which you uploaded the layout.html file
  • Now upload the Responsive Page Webpart.dwp to the webparts galary on your site collection
  • Once you upload you should get a popup with the Metadata of the webpart, In group - specify "Beyond Intranet - Responsive Page Webpart"
  • For any help feel free to let us know at contact@beyondintranet.com

Troubleshooting Steps

  • If the webpart does not appear in the webpart menu, please follow the below steps
    • Edit the page on which you wish to add the webpart
    • Click on any of the Webpart zones to "Add a Webpart"
    • In the webpart menu, click "Import a Webpart", select the "Responsive Page Webpart.dwp" file here
    • Click on upload, the page should automatically refresh now
    • Again click on any of the zones, Add a webpart, you should be able to see the Imported Webparts list
    • You can click to add the Responsive Page Webpart on your page
  • If the webpart adds successfully, but does not work and gives the below error,
    Cannot retrieve the URL specified in the Content Link property. For more assistance, contact your site administrator
    • Click on Edit the webpart, from the webpart menu
    • In the webpart toolbar on right side of the page, check the content link property, if its empty or wrong enter the correct uploaded path of the layout.html file

FAQ

Get answers to all your questions fast here from our most Frequently Asked Questions.

FAQ