Sharepoint Picture Menu Web Part

The Picture Menu Web Part allows to quickly set up a menu with icons based on a Sharepoint Picture Library or a Sharepoint List.

The Web Part can be used with Windows Sharepoint Services V3, MOSS 2007, Sharepoint 2010, Sharepoint 2013, Sharepoint 2016 and Sharepoint Online/Office365 and comes with a starter collection of more than 100 "Metro" style icons.

The following parameters can be configured:

Sharepoint Picture Library or List containing the pictures
Horizontal or vertical layout
CSS styles to customize the look and feel

Product	Price
Picture Menu Web Part fro SP 2007 and SP 2010 30 Day Evaluation Version	Free
Picture Menu Web Part for SP 2013 30 Day Evaluation Version	Free
Picture Menu Web Part for SP 2016 30 Day Evaluation Version	Free
Picture Menu Web Part Sandbox Version (on premise only) 30 day Evaluation Version	Free
Picture Menu Web Part License Key per Server License Includes 1 year technical support	USD 80.00
Web Part Installation Instructions

Installation Instructions:

download the Picture Menu Web Part Installation Instructions (PDF file, see above)
either install the web part manually or deploy the feature to your server/farm as described in the instructions.
Configure the following Web Part properties in the Web Part Editor "Miscellaneous" pane section as needed:

Site Name: Enter the name of the site that contains the Picture Library:
- leave this field empty if the Library is in the current site (eg. the Web Part is placed in the same site)
- Enter a "/" character if the Library is contained in the top site
- Enter a path if the Library is in a subsite of the current site (eg. in the form of "current site/subsite")
List Name: Enter the desired Sharepoint Picture Library or List name.
Please note that if you specify a List, the menu pictures are defined as List item attachments.
If you want to display only the icons contained in a specific Library folder, append the folder name (separated by a "/") to the Library name:
Examples:
Menu Pictures/Teamsite
Menu Pictures/Teamsite/Business

To add individual colors to each menu entry, please add a column named "Color" (enter the color values either as #rrggbb values or HTML color names).
View Name: Optionally enter the desired List View of the list specified above. A List View allows you to specify specific data filtering and sorting. You will also need to include the "Title" and "Description" columns if you are displaying these fields (see below).
Leave this field empty if you want to use the List default view.
Menu Picture Field Name: enter the column name of the column that contains the picture. Enter "FileRef" if you are using a Picture Library.
Leave this field empty if you want to upload the pictures as List attachments.
You can either create your own icon collection or use the existing "Metro" icon collection contained in the Zip file download which contains the "Icons 48x48" folder (see Preview).
To create your own "Metro" style icons, we recommend to use the free Metro Studio software from Syncfusion which can be downloaded from the Syncfusion web site
Menu Title Field Name: enter the column name of the column that contains the menu title (Default="Title").
Menu Description Field Name: enter the optional name of the column containing the menu item desctiption text.
Menu URL Field Name: enter the name of the column containing the menu hyperlink.
To open the detail view (display form) of the item itself, please enter "detailview".
To open the underlying picture itself, please enter "FileRef".
Menu Layout: choose one of the following 4 menu layouts:
- vertical: display the icons and the menu title laid-out vertically
- vertical Icons only: display just the icons laid-out vertically
- horizontal Icons only: display just the icons laid-out horizontally
- vertical, Icons above text: display the icons above the text, laid out vertically
- horizontal: displays the icons and the text as a single horizontal row

horizontal layout using icons:

horizontal layout using background images:
Nbr. of Columns: enter the number of columns (default=1) to achieve a multi-column layout.
Example:
Open Link in new window: check this field if you want the link tbe opened in a new browser window.
Highlight on hover: optionally highlight the icon when hovering over it.
Picture Width: enter the desired width of the menu icon in pixels.
Menu CSS Style: enter the desired CSS style to be applied to the web part container.
Example:
background-color:black;border-collapse:collapse
Icon CSS Style: enter the desired CSS style to be applied to the web part icons.
Example:
padding-left:5px
Title CSS Style: enter the desired CSS style to be applied to the menu titles.
Example:
padding-left:5px
Item CSS Style: enter the desired CSS style to be applied to the menu items.
Example:
background-color:silver;font:12pt Segoe UI
Web Part Header: enter the optional text to be placed at the top of the web part. You can embed HTML tags to style the text.

Example:
<p style="FONT:16pt verdana;color:white">Team Menu</p>
Web Part Footer: enter the optional text to be placed at the bottom of the web part. You can embed HTML tags to style the text.

Example:
<div style="color:white;margin:10px;border-top:solid 1px white">Need to add a new entry ?
please call 034 678-88</div>
Options: optionally enter one of the below options
popup=1 (opens the links in a Sharepoint 2010/2013 dialog popup window)
shuffle=1 (shuffles the menu items to display them in a random order)
headerStyle=CSS style (lets you define the CSS style of the header area)
footerStyle=CSS style (lets you define the CSS style of the footer area)
License Key: enter your Product License Key (as supplied after purchase of the Picture Menu Web Part license).
Leave this field empty if you are using the evaluation version.