Tiles Navigator

The Office 365 / SharePoint Online Tiles Navigator WebPart lets you create a highly flexible Tile Navigation with different Tiles.

Build simple and nice tile navigation with an overlay function
Each tile has an own configuration dialog
Security trimming by: SharePoint Groups, Users and Azure Active Directory Groups and Users


Create a custom list first with the following Fields in Classic Mode:

Field NameField TypeValue
Title single line of textDefault field
Description single line of text
Content Multiline text (no richtext)
Background single line of text
URL Link Hyperlink
Size ChoiceSquare
Custom Size single line of text
Sort Order single line of text
Target ChoiceIn Place,New Tab,Dialog
CSS Multi line of text / plain text
Visibility Person or Group
Allow multiple selections: yes
SharePoint Users / Groups, Azure Active Directory Users and Groups

WebPart Properties
Property NameDescription
Site URL Specify the full URL to the Site, serving the List
List Name Dropdown with all available Custom Lists. Choose your created list above.
Tile Width enter the width of the basic (default) tile in pixels (default:135px)
Tile Height enter the height of the basic (default) tile in pixels (default:135px)
Tile Gap enter the gap between tiles in pixels (default:8px).
Set to “0” to not use any gap.
Using AAD Securty Groups also Enable MSGraph and use Azure Active Directory Security trimming (Office 365 Version only!)
Container CSS Style set the container CSS Style as needed (optional)
Enable Tile editing displays the “Add new” and “Edit Tiles” buttons during the design process.
License Key Please enter your Paypal "Profile ID" or "Automatic payment ID" to unlock your WebPart. (Format: I-1A11SSBB2241)

Get a license

We offer different kinds of license

  • a PayPal subscription
  • a conservative invoice for a defined time period

  • Office 365


    Select your seats count (All active accounts having access to your tenant)
    If your seats count is over 2499, please request an Offer!

    SharePoint URL*
    Request an Offer

    Post a comment