AMREIN ENGINEERING Agenda/X | Sharepoint | Office365 | Partners | Support | Search | About us | Home  
  AE Tiles Sharepoint Web Part Deutsch English  


Sharepoint Web Parts  

Digital Clock Web Part  

Stock Chart Web Part  

Stock Quotes Web Part  

Dilbert Web Part  

Quote of the Day Web Part  

"Spotlight On.." Web Part  

"Tip of the Day" Web Part  

Lightbox Web Part  

Weather Web Part  

Slideshow Web Part  

Currency Rates Web Part  

Media Player Web Part  

YouTube Player Web Part  

Map Chart Web Part  

Org Chart Web Part  

Tiles Web Part  

Google Chart Web Part  

Bullet Graph Web Part  

RSS Feed Ticker Web Part  

SQL Viewer Web Part  

Google Map Web Part  

Quick Poll Web Part  

Quick Survey Web Part  

Audio Player Web Part  

Google GeoMapper Web Part  

SQL Chart Web Part  

Exchange Calendar Web Part  

Podcast Web Part  

Filter Web Part  

Image Rotator Web Part  

Navigator Web Part  

KPI Web Part  

Page Hits Web Part  

Picture Menu Web Part  

Timer Web Part  

Van Gogh Web Part  

SQL Bullet Graph Web Part  

User Spotlight Web Part  

List View Web Part  

Staff Directory Web Part  

Birthday Reminder Web Part  

News Carousel Web Part  

Team Members Web Part  

Classifieds Web Part  

Google Earth Web Part  

Timeline Web Part  

Banner Rotator Web Part  

AZ Index Web Part  

Blog Roll Up Web Part  

Discussion Roll Up Web Part  

Document Roll Up Web Part  

News Roll Up Web Part  

Task Roll Up Web Part  

Calendar Roll Up Web Part  

Quick Form Web Part  

Twitter Web Part  

Upcoming Events Web Part  

Welcome Web Part  

Color Calendar Web Part  

Image Carousel Web Part  

Metro Grid Web Part  

Goal Thermometer Web Part  

Swipe Gallery Web Part  

List Rotator Web Part  

List Search Web Part  

Flash Rotator Web Part  

Accordion & Tabs List Bundle  

Accordion List Web Part  

Tabs List Web Part  

Microblog/Chat Web Part  

Toast Notifications  

Vacation Planner Web Part  

Multilevel Tile Web Part  

Inspired Tiles Web Part  

Facebook Timeline Web Part  

Zip Creator  

Web Part Support  

Web Part Bundle  

Microsoft Sharepoint Web Parts

Tiles Sharepoint Web Part



Tiles Web Part

The Tiles Web Part allows to easily create a compelling homepage or navigation without having to set up a multitude of web parts and/or create custom page layouts. It also includes a collection of specialized tiles to display list items, weather information, Twitter and RSS feeds and videos.
It arranges the tiles in a freely designable responsive grid containing tiles of varying size and functionality.

The Web Part can be used with Sharepoint 2010, Sharepoint 2013 and Sharepoint 2016.
The Tiles Web Part lets you:
  • define the default tile dimension (typically square)
  • define a custom color palette to adhere to your corporate branding
  • CSS styles to customize the look and feel
  • Tile security trimming by Sharepoint groups or AD groups
  • define personal tiles (each user can configure his/her own tiles)
  • define a page backdrop (color or image) and optionally disable the Quick Launch menu
  • add tiles of different functionality:
    - Text or Image only
    - linked tiles with text/icon/image background
    - display list items ("top news", "most recent blog posts", "new documents" etc.)
    - rotate content (text and/or images)
    - random information chosen from a Sharepoint List or Library (text and/or image)
    - the current date
    - World clock
    - Google Map
    - KPI information
    - RSS Feed
    - Stock Quote
    - Twitter tweets
    - Weather information
    - Video (embedded or popup)


Product Price     
Tiles Web Part for SP 2010
30 Day Evaluation Version
download..
Tiles Web Part for SP 2013
30 Day Evaluation Version 
download..
Tiles Web Part for SP 2016
30 Day Evaluation Version 
download..
Tiles Web Part License Key
per WFE Server License 
USD 450.00
Web Part Installation Instructions download..


Installation Instructions:

  1. download the Web Part Installation Instructions (PDF file, see above) 
  2. either install the web part manually or deploy the feature to your server/farm as described in the instructions.
  3. Navigate to a page where you would like to place the webpart and choose "Site Actions/Edit Page"
  4. Add the web part to the appropriate zone. The web part is listed in the "Amrein Engineering" web part gallery section
  5. Configure the following Web Part properties in the Web Part "Miscellaneous" pane section as needed:
    • Page Backdrop:
      enter the optional URL of an image or the color to be applied to the current page.

      Examples:
               

    • Quick Launch Area:
      either disable or enable the Sharepoint Quick Launch menu on the current page.
    • Tile Width:
      enter the width of the basic (default) tile in pixels (default:125px)
    • Tile Height:
      enter the height of the basic (default) tile in pixels (default:125px)
    • Tile Gap:
      enter the gap between tiles in pixels (default:8px).
      Set to "0" to not use any gap.
    • Tile Header:
      enter the optional text to be displayed at the top of the web part
    • Tile CSS Style:
      enter the optional CSS styles to be applied as default values for each tile.
      Example: color:white (defaults the tile text content to white)
    • Tile Color Palette:
      enter the optional name of the color palette to be applied in order to enforce your corporate design.
    • Enable Tile editing:
      displays the "Add new tile" and "Edit Tiles" buttons during the design process (visible to authors only).

    • Show My Tiles only:
      allows to create personal tiles (eg. only tiles added by the current user are displayed).
    • Options:
      enter further options as needed (see separate documentation).
    • License Key:
      enter your Product License Key (as supplied after purchase of the "Tiles Web Part" license key). Leave this field empty if you are using the free 30 day evaluation version.

    You now can proceed to add tiles by clickîng the "Add new Tile" button.
    Existing tiles can be edited by clicking the red button in the lower left corner of each tile:


    • Title:
      enter the title of the tile.
    • Description:
      either the optional description (for information purposes only).
    • Tile Type:
      choose the tile type:
      • Text
      • Icon
      • List Items
      • Single List Item
      • Carousel
      • Random Image
      • Random List Item
      • Current Date
      • Digital Clock
      • Google Map
      • KPI
      • RSS Feed
      • Stock Quote
      • Twitter
      • Weather
      • Video
      • Clone
    • Content:
      enter the tile content (depending on the tile type).
    • Background:
      either enter the tile background color or the URL of a background image.
      Enter color values in one of the below formats:

      • HTML color name (as eg. "orange", "red", "tomato")
      • RGB hex color values (as eg. "#FFCC00", "#9cc")
      • RGBA values including transparency (as eg. "rgba(127,127,127,0.5)")

    • URL:
      enter the tile URL (depending on the tile type).
    • Visibility:
      enter the optional Sharepoint or AD group(s) for audience targeting the tile.
    • Size:
      choose the tile size or enter a custom size.
      The below common tile sizes are predefined:

      • Square (tile sized as defined in the above default tilw width/height settings)
      • Wide (twice the width)
      • Big (twice the width and height)
      • 3x2 (3 times the width and twice the height)
      • Tiny (half the size and width)
      • Fullwidth (spans the maximum width allowed by the web part zone)

      You can also specify a custom size by entering the width x height as illustrated by the below examples:
      • 2x3
      • 1x0.5
      • 3x3

    • Sort Order:
      enter the ordinal number dictating the sort order (in case you want to re-position the tile)
    • Target:
      choose the target if the tile is linked to some content:
      • In Place (opens the link in the same browser window)
      • New Tab (opens the link in a new browser tab)
      • Dialog (opens the link in a Sharepoint dialog window)
      • Embedded (opens the link embedded in the tile)

    • CSS:
      enter your custom CSS tile style(s) if needed.




Please enter a comment below if you have problems with the installation, want to give feedback or have suggestions for improvements:

User Comments Post a Comment 

Rob  
4/13/2018 16:50 
Hi,

The install fails with the following error:
Error: Cannot find this file specified in the manifest file: LAYOUTS\AETilesWebpart\AEPalette.aspx

Juerg  
4/13/2018 16:57 
Rob,
this file was indeed missing in the most recent update for SP 2016 and has now been included.
Please re-download the zip file.
Benjamin  
4/14/2018 01:54 
Great job on the new webpart Juerg.

The responsive design works great, but how do I control tile placement myself instead of relying on the browser size? The Marketing Homepage example looks great, but my tiles stretch all the way across the page. Is this controlled by the web part zones?
Juerg  
4/16/2018 10:33 
Benjamin,
you can control the width of the web part in 3 ways:
  1. the web part fits within the web part zone
  2. you can set the “Appearance/Width” to restrict the width
  3. You can enter the maximum number of columns into the web part’s “Options” setting as illustrated below:

    maxcolumns=8
Rob  
4/16/2018 17:37 
Excellent! Thank you!
Troy Kapiczowski  
4/18/2018 00:23 
I"m trying to get the List Items tile working like the example shown for the Quick Links. Can you update the example in the Content section as it is showing the example for the Calendar example. Thanks.
Troy Kapiczowski  
4/18/2018 01:08 
Trying out the Icon tile and I can get the Font Awesome icons to load but I can't get the Google Material Icons to show. I tried the example listed but all I get is an empty tile with the title.
Juerg  
4/18/2018 12:16 
we have now updated the "List Items" example to reflect the correct setting:
This example displays the events contained in the "MenuLinks" Links list, which contains a column named "Icon" holding a specific icon for each list item:

    


Title:QUICK LINKSContent:leave emptyURL:http://somedomain/Lists/MenuLinks.aspx
Juerg  
4/18/2018 12:22 
Troy,
we have now fixed the issue with the Google Material Icons when using IE 11.
Please re-download the updated zip file and then update the web part solution.
Troy Kapiczowski  
4/18/2018 16:06 
Thx for the updates.

I'm trying to configure a text tile with an image background. When I add the image I get a grey title bar across the top. I don't get that when I use a solid color. I tired a custom heading in the comments section but I still got the same results. I couldn't get my tile to look like the one you have in the examples.
Juerg  
4/18/2018 17:30 
Troy,
to get rid of the semitransparent background, please append “/transparency=off” to the “Contents” setting:

<h1 style='color:white;font-weight:normal;text-align:center'>Book your PTO</h1>/transparency=off
Troy Kapiczowski  
4/18/2018 18:00 
I'm pointing the carousel tile to an announcement list and I'm getting the following error message.

List error for http://xxxx/Corp/Lists/Announcements/Ticker.aspx
Value does not fall within the expected range.

The link to the announcement list works as expected. The tile is not displaying the announcement contents.
Juerg  
4/18/2018 18:17 
Troy,
by default the tile is accessing the „Title“ and the “Body” fields of the Announcements list. Since you are pointing it to a specific list view, please make sure to include both fields in your list view.
Troy Kapiczowski  
4/18/2018 19:23 
I'm seeing a formatting issue with the current date tile. Out of the box settings have it slightly lower than other tiles, almost like there is double padding at the top. I can send a screen capture if you would like to see what its doing.
Mike Zzz  
4/18/2018 21:42 
Office 365???? Wow, looks like you combined the best of the best into one web part. Can't wait to try!
Juerg  
4/19/2018 13:11 
Mike,
we’ll release an Office 365 later this year (but it is still a few months away).
Juerg  
4/19/2018 16:45 
Troy,
we noticed that the standard Sharepoint Corev15.css file is missing in your page. It declares the “P” HTML tags as follows:

margin:0px 0px 10px 0px

To fix the issue, please thus add the below to the web part’s “Options” setting:

css=.AETiles P {margin:0px 0px 10px 0px}
Benjamin  
4/23/2018 20:55 
Weather Tile Error: I added the weather tile, but I get error "Could not load file or assembly AEWeatherMetroWebpart. I have the normal AE Weather Web Part active, but that didn't seem to help. Where can I get the AEWeatherMetroWebpart?
Benjamin  
4/23/2018 21:35 
Column order issue: In your example at the top, there's a BIG tile with a car and 2 SQUARE tiles (Welcome back, Current Events). My version keeps pushing my two SQUARE tiles to the left, but below the BIG square, leaving a white tile height gap above my SQUARE tiles. What column order do I use to replicate your example above?
Benjamin  
4/23/2018 21:41 
Options format: I've been trying to add options in the options area, but none of my options are working.

sliderbullets=1,sliderspeed=4,maxcolumns=4

What format should I use to separate the options? I've tried commas, semicolons, and spaces.
Juerg  
4/24/2018 11:23 
Ben,
please download the Weather Metro web part from

SP 2013
/download/AEWeatherMetroWebpart2013.zip

SP 2016
/download/AEWeatherMetroWebpart2016.zip

SP 2010
/download/AEWeatherMetroWebpart.zip
Juerg  
4/24/2018 11:27 
Ben,
regarding the misaligned tiles:
can you send a screen shot to support@amrein.com to illustrate the issue ?

regarding multiple options:
please separate multiple options with the "|" pipe character:

sliderbullets=1|slidernavigation=1
Troy  
4/24/2018 21:19 
When using a tiny tile with the type set to icon is there a way to hide the title?
Juerg  
4/25/2018 12:55 
Troy,
you can hide the title by appending "/hide" to the "Title" field as for example:

My tiny icon/hide

Technical Support Contact Information
If you find that you cannot resolve an issue using the above tools, our Technical Support staff will be ready to handle your technical support needs. You can reach our staff by phone or by email.

Phone: +41 (0)62 823 75 75 (9am - 6pm GMT+1)
Fax : +41 (0)62 823 75 74
Email: support@amrein.com
 
© 2018 AMREIN ENGINEERING AG


Great stuff!  The Amrein parts have made our intranet a better looking, easier to navigate and more useful site at a reasonable price.  Recommended.

David Meier, Magenic





Subscribe to Newsletter
If you want to be kept informed about our new or enhanced Sharepoint web parts, subscribe to our Sharepoint Web Part Newsletter:

You can also subscribe to our Web Part News RSS Feed:

RSS Feed

Follow us on Twitter:

Web Part NewsTiles Web Part
3/22/2018
The Tiles Web Part allows to easily create a compelling homepage or navigation without having to set up a multitude of web parts and/or create custom page layouts. It also includes a multitude of specialized tiles to display list items, weather information, Twitter and RSS feeds and videos.
It arranges the tiles in a freely designable responsive grid containing tiles of varying size and functionality.

The Web Part can be used with Sharepoint 2010, Sharepoint 2013 and Sharepoint 2016 .

The Tiles Web Part lets you:
  • define the default tile dimension (typically square)
  • define a custom color palette to adhere to your corporate branding
  • CSS styles to customize the look and feel
  • Tile security trimming by Sharepoint groups or AD groups
  • define personal tiles (each user can configure his/her own tiles)
  • define a page backdrop (color or image) and lets you disable the Quick Launch menu
  • add tiles of different functionality:
    • Text or Image only
    • linked tiles with text and/or icon and/or image background
    • display liste items (as eg. "top news", "most recent blog posts", "new documents" etc.)
    • rotate content (text and/or images)
    • random information chosen from a Sharepoint List or Library (tetx and/or image)
    • the current date
    • World clock
    • Google Map
    • KPI information
    • RSS Feed
    • Stock Quote
    • Twitter tweets
    • Weaher information
    • Video (embedded or popup)


Organizational Chart Web Part
12/13/2017
The Org Chart Web Part displays the organizational chart based either on the SharePoint User Profile Store or a SharePoint list. It allows to navigate up and down the organizational hierarchy by clicking on the chart items.

The Web Part can be used with WSS 3.0, MOSS 2007, Sharepoint 2010 Foundation and Server, Sharepoint 2013 and Sharepoint 2016.


Office 365 Web Parts
10/2/2017

We recently started to re-create our Office 365/SharePoint Online web parts using the new Microsoft SharePoint SPFx Framework which is the recommended and future-proof way to create web parts for Office 365. These web parts can be placed both onto modern and classic pages.
The below web parts are already available in the new format and we'll continuously add more web parts in the course of the next weeks and months: