Switch branches/tags
Find file History
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
..
Failed to load latest commit information.
assets
config
src
README.md
gulpfile.js
hub-web-parts.sppkg
package-lock.json
package.json
tsconfig.json
tslint.json
yarn.lock

README.md

Hub and Link Web Parts

Summary

This solution contains the following web parts:

Hub Links

A list of links that can either be set within the properties of the web part or in a SharePoint List

Icon Layout:

Hub Links Icons Layout

List Layout:

Hub Links List Layout

Grouped Layout:

Hub Links Group Layout

Featured Content

Tile links that enable users to show links with images stored within the web part or in a SharePoint list

Default Layout:

Featured Content Default Layout

Default Layout Small Column:

Featured Content Single Column Layout

Stacked Layout:

Featured Content Stacked Layout

Box Button

Button links that can be stored within the web part or in a SharePoint list

Box Button

Hub Template

A handlebars template web part that enables highly customized UI code to be applied to SharePoint list items.

The Hub Template web part allow users to add JavaScript into the page. Carefully consider the implications of this capability, and restrict creation and updating of this part to specific site collections and audiences. The Hub Template is the only web part in the group that allows script injection

Hub Template

Used SharePoint Framework Version

drop

Applies to

Prerequisites

Note that you will need to download and host a CAMLJS javascript library (https://github.com/andrei-markeev/camljs/blob/master/CamlJs/camljs.js).

Version history

Version Date Comments
1.0 September 27, 2017 Initial release
1.1 April 12, 2018 Updated to use CDN and to use SPFx v1.4.1

Disclaimer

THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.


Minimal Path to Awesome

  • Clone this repository
  • (Optional) Configure the web part usage logging - /src/utilities/webpartlogger
  • (Optional) Configure the approved image tab for the link picker - /src/components/LinkPickerPanel
  • in the command line run:
    • npm install
    • gulp serve