#Office365Challenge All about SharePoint web parts and today we’ll look at the Media & Content Category – Image Viewers.

Day: 193 of 365, 172 left
Tools: SharePoint
Description: SharePoint Web Parts – Image Viewers

Related posts:

Around the Office in 365 Days: Day 186 Web Part Pages in SharePoint
Around the Office in 365 Days: Day 187 SharePoint Web Parts – Views
Around the Office in 365 Days: Day 188 SharePoint Web Parts – Appearance
Around the Office in 365 Days: Day 189 SharePoint Web Parts Available
Around the Office in 365 Days: Day 190 SharePoint Web Parts – Blog Category
Around the Office in 365 Days: Day 191 SharePoint Web Parts – Content Rollup
Around the Office in 365 Days: Day 192 SharePoint Web Parts – Content Editors


We’re busy with the Media and Content Categories (Web Parts), today we’re looking at Image viewers.

Media and Content:Media

Content Editor Allows authors to enter rich text content.
Get started with your site This web part displays a set of tiles with common SharePoint actions.
Image Viewer Displays a specified image.
Media Web Part Use to embed media clips (video and audio) in a web page. *
Page Viewer Displays another Web page on this Web page. The other Web page is presented in an IFrame.
Picture Library Slideshow Web Part Use to display a slideshow of images and photos from a picture library.
Script Editor Allows authors to insert HTML snippets or scripts.
Silverlight Web Part A web part to display a Silverlight application.

You can use the Image Web Part to add a picture or graphic to a Web Part Page. To more easily coordinate the image with other Web Parts on the page, you can control the vertical alignment, horizontal alignment, and background color of the image inside the Image Web Part by modifying its custom properties in a shared view. Read more…

Before you add the web part to your page, upload the image you would like to use on SharePoint (in your Site Assets for example), and copy the link.

  1. Now add the web part to the page.
  2. Click on “open the tool pane” to edit the web part
  3. In the web part properties, paste the link in the Image Link field
  4. Take note that you can set the background if the image has a transparent background
  5. Set the web part’s chrome type to None if you don’t want to display the title
  6. Resize your image before you upload to SharePoint as you will not be able to resize it on this web part.


There you go, Sorted!! [Here’s a secret, I always sing “Sorted” to myself in an “Opera voice” when I write it in my blogs 🙂 ]


Tomorrow we’ll talk about Image viewers.

Overview of my challenge: As an absolute lover of all things Microsoft, I’ve decided to undertake the challenge, of writing a blog every single day, for the next 365 days. Crazy, I know. And I’ll try my best, but if I cannot find something good to say about Office 365 and the Tools it includes for 365 days, I’m changing my profession. So let’s write this epic tale of “Around the Office in 365 Days”. My ode to Microsoft Office 365.

Keep in mind that these tips and tricks do not only apply to Office 365 – but where applicable, to the overall Microsoft Office Suite and SharePoint.