The Inspired Tiles SharePoint Web Part is a great way to promote and show any information in a tiled, metro theme. Inspired by the SharePoint 2013 Promoted Links Web Part. Also, it uses a modern jQuery plugin to automatically arrange the tiles and provide a slick filtering system for the tiles. List driven, point it at a list and then configure the web part properties.

Each Tile includes:

Additional Features:

For Farm Solution installation: using either PowerShell or STSADM, add the WSP to the farm (we recommend opening SharePoint PowerShell, then using STSADM within)

STSADM.EXE -o addsolution -filename "AEInspiredTiles.wsp"

Then deploy the solution using Central Administration (System Settings, Farm Solutions), so you can easily target the web application. You can optionally do this step too with STSADM or PowerShell, but we recommend deploying using the Central Admin GUI.

For Sandbox Solution installation, open the Site Collection that you want to add the web part, open Site Settings (must be a site admin or owner to do this), open the Solution Gallery (or Solutions in 2013), add the WSP to the gallery, then activate the solution.

NOTE: Product is contained in a single WSP file for both installing as a Farm solution and Sandbox solution. If installing On Premise then you can install as either Farm solution or Sandbox solution at your discretion. If installing SharePoint Online then Sandbox solution is your only option.

Follow the instructions for installing as a sandbox solution.

The Tiles are retrieved from a SharePoint List using SharePoint JavaScript Object Model code. The web part comes with a default list that includes the out of box tiles, named "AEInspiredTilesItems". This list is found in the root site of the site collection and is created when the site collection feature is activated. The list can be a Library or Custom List. Configure the web part properties to look for the list in the relevant site, and specify the internal field names where the information is saved. You can use any SharePoint List or Library, just point the web part at the list and configure the web part properties so it knows where the list is located and what fields to look for in the list.

Relevant Web Part Properties:

You can easily point the web part at a document library and it will pull all the files found (recursively in all the folders).
Set the 'Label Field Name' to be 'FileLeafRef' to show file names in the tile.
Set the 'Href Field Name' to be 'FileRef' to link to the file when the tile caption is clicked.
You can continue to configure other web part properties to enhance the tiles, filtering, sorting, categorizing, opening links in new windows, etc.

When the Inspired Tiles Web Part site collection feature is activated, a list is created in the root site of the site collection named 'AEInspiredTilesItems'. The web part uses this list by default. You can always choose to point the web part to another list. However, let's look at that list and see what fields are present and what they are used for.

One of the slick features of the Inspired Tiles Web Part is the dynamic filtering of the tiles when the tiles are categorized. When the web part is configured to look for the filter/category field then all the category values found for the list items returned will be separated and added as buttons to the top of the web part when displayed.

Steps to Configure:

Category values and field types:

The field that contains the Filter/Category data can be either Text, Note (plain text), Choice (single or multi), or Taxonomy (Managed Metadata) (single or multi). You can enter one or more categories and they will be split and extracted, so that a tile can be included in more than one category (like an Employee being in two different departments, or a link belonging to two separate categories).

Use these CSS class names to automatically style the tiles. Put them in the list field "TileBgColorClass" (found in the default inspired tiles list).

Download the latest version WSP from the AMREIN product catalog

If you are upgrading from another paid version available from the AMREIN product catalog, then you can use the “STSADM –o upgradesolution” to upgrade to the latest version.

If upgrading as a Farm Solution, open “SharePoint 2010 (or 2013) Management Shell”, then use the following command:

STSADM.EXE -o upgradesolution -name "AEInspiredTiles.wsp" -filename "AEInspiredTiles.wsp" -immediate –allowGacDeployment

If upgrading as a Sandbox Solution, open the root site of the site collection you want to upgrade. Open Site Settings, then open the Solution Gallery. You will have to deactivate the solution first, then upload the new solution (replace existing one), then activate again. You will have to upgrade the web part sandbox solution in every site collection separately. This is not applicable for sub sites, just site collections.

After the page is done loading, use your browser to “View Source”, and search for the following string "AEIT_VERSION_NUMBER" or "AEIT_LICENSE_INFO". You will see your version number and license status here. For example:

<div style='display: none;'>AEIT_VERSION_NUMBER: 1.0</div>
<div style='display: none;'>AEIT_LICENSE_INFO: 30 day Evaluation period: 29 days left.</div>
<div style='display: none;'>AEIT_LICENSE_ALERT: n/a</div>

The product is available as a 30 day free trial, per front-end server, or per Office 365 tenant license. You can download and install the web part and evaluate for 30 days before a license is needed for continued usage. After 30 days you will be prompted to license the product.

Each license is valid for each front-end server in your SharePoint Farm (or each Office 365 tenant). The web part can then be used as many times as needed on each server/tenant.

You can enter the license key in two ways:

The web part’s CSS and JavaScript resources are saved in a list named “AEInspiredTilesAssets” located in the root site of the site collection.

It is important that any user expected to use the web part have at least read permissions to:

Almost all the source code for the application is included in a library in the root site of the site collection named “AEInspiredTilesAssets”. You can make changes to the CSS and JS files here to customize how the web part functions.