CONTACT ME
SharePoint Web Part - SPS Quick Links Web Part

SPS Quick Links Web Part

SPS Quick Links web part allow users to show links from a list. It allows users to show links in 27 layouts, which makes it very appealing. This is a very simple web part which uses a list with some columns. Users can create a view in list & choice that view to filter down the records.

Users can use the Promoted Links list to showcase. This web part is very easy to use.

We have lots of features here i.e.

  • Selection of web part panel from 33 layouts
  • Selection of web part layout from 27 layouts
  • Setting height of web part.
  • Using default color theme to show layouts.
  • Use of Fluent UI Icons in the layouts.

SPS Quick Links Web Part is responsive & usage SharePoint theme for it's coloring.

Currently this web part is for SharePoint Online version only.

List Structure

List should have following columns

* Title - Single Line of Text type of column


* Description - Multi Line of Text type of column


* Image URL - Hyperlink type of column


* URL - Hyperlink type of column to navigate.


* Icon - Single Line of text type of column to store Icons. You can find Icons here.

We have following web part property sections & properties: -

1. Web Part Settings

  • Web Part Title

    - Add / update web part title to show on web part.

  • Web Part Description

    - Add web part description here

  • Web Part Icon

    - Select web part Icon to show. The default web part icon is Diamond.

  • Default Icon for Data

    - Select default icon for each blank record. The selected icon will be displayed when icon is not present in the item or you have not selected icon field.

  • Select Image for layout #11 and #32

    - There are 2 web part layouts which has image settings. You can chose image for the background.

  • Height of web part

    - User can resize the height of the web part in pixcels. Default height is 250px.

2. Web Part Data Settings

  • Select Site

    - Select a site to get the list & other fields.

  • Select List

    - Select a list to show the items from.

  • Select View

    - Select a list view to show the filtered items.

  • Select Title field to show as title in the web part

    - Select a field for Title. This field will be shown as title of the item.

  • Select Description field to show as description in the web part

    - Select a field for Description. This field will be used as Description in the web part items.

  • Select Image URL field to show images from the URL in the web part

    - Select a field for Image URL. This field will be used to show image for an item.

  • Select Title Link (Navigation URL) field to navigate when click in the web part

    - Select a field for navigation.

  • Select Icon field to show as icon in the web part. This can be a single line of text field.

    - If you have field which contains Fabric UI Icons, you can select. You can get these icons from here. If you don't have this field OR have blank value, in this case , web part will pick "Default Icon For Data". This is optional field to chose.

  • Number of items to show

    - Select number of items to show on the webpart. Default value is 6 and minimum value is 3 and maxmium value is 100.

3. Web Part Panel Layout

  • Select panel layout

    - You can select web part panel from 1 to 33. You can click here to check.

4. Web Part Layout

  • Select layout number

    - With this option, the user can select any layout from 1 to 27.

5. App Version Information

  • Here we are showing information about the app version , solution version, manifest version, Help & Support email.

6. License

  • In this section, we are showing information about licenses.

How to use

Here we are showing how to use the web part

DOWNLOAD PACKAGE FILE

Supported Hosts :

  • SharePoint
  • SharePoint Full Page
  • Teams Tab

Installation of App :-

  1. Click here to download the sps-quick-links.sppkg.
  2. Visit the Microsoft 365 SharePoint Admin Center
  3. Go to Apps -> App Catalog. If you don't have app catalog, here are the instructions for creating one.

    If you have Site Collection level App Catalog, just to to Apps for SharePoint from your site collection.
  4. Click 'Upload' and select sps-quick-links.sppkg file to upload.




  5. Check the box for Make this solution available to all sites in the organization and click the Deploy button.


  6. A successful installation will look like this:


  7. if you receive an App Package Error Message stating, "Deployment failed," as shown here, simply delete the .sppkg file and repeat steps 4 and 5 to redeploy.
  8. Now go to the site where you want this tool. Just create a new page or edit existing page and add a webpart 'SPS Quick Links Web Part'.








    9. The SPS Quick Links webpart can be setup with Edit Web Part properties :



  1. Showing view what you have selected #1

  2. Showing view what you have selected #2

  3. Showing view what you have selected #3

  4. Showing view what you have selected #4

  5. Showing view what you have selected #5

  6. Showing view what you have selected #6

  7. Showing view what you have selected #7

  8. Showing view what you have selected #8

  9. Showing view what you have selected #9

  10. Showing view what you have selected #10

  11. Showing view what you have selected #11

  12. Showing view what you have selected #12

  13. Showing view what you have selected #13

  14. Showing view what you have selected #14

  15. Showing view what you have selected #15

  16. Showing view what you have selected #16

  17. Showing view what you have selected #17

  18. Showing view what you have selected #18

  19. Showing view what you have selected #19

  20. Showing view what you have selected #20

  21. Showing view what you have selected #21

  22. Showing view what you have selected #22

  23. Showing view what you have selected #23

  24. Showing view what you have selected #24

  25. Showing view what you have selected #25

  26. Showing view what you have selected #26

  27. Showing view what you have selected #27

Contact

Contact With Me

Gaurav Goyal

Chief Operating Officer

I am available for any help. Connect with me via and call in to my account.

Phone: +91-982-621-1734 Email: gauravgoyal_5@yahoo.com