Web Edit in SharePoint 2010, Part 1: How to Insert a Picture

Longtime readers are already aware that one of my favorite new features in SharePoint 2010 is the Web edit functionality which allows for inline editing of a page using a WYSIWYG editor.  Oh, and let's not forget to mention that the WYSIWYG editor comes in the form of a context-sensitive Ribbon which is embedded throughout SharePoint 2010, and which makes editing pages a snap.

Don't believe me?  Read on!

Remember what a pain it was to edit pages in previous versions of SharePoint?  Well, as of the 2010 release, the ability to edit your pages is not only painless, but it's seamlessly integrated into SharePoint via the (equally seamlessly integrated) Ribbon.  It seemed to me that a natural enough first step when beginning to customize a new SharePoint 2010 site would be to replace the default picture on the home page, so allow me to demonstrate exactly how easy it was to do just that.

I got started by clicking the Edit icon in the nav bar:

Edit page button in SharePoint 2010

Clicking the Edit icon surfaces the Ribbon and activates the editable areas of the page.  Note in the image below that I've already selected the picture (by clicking it) and, as a result, both the Editing Tools and Picture Tools tabs in the Ribbon are highlighted:

Web edit of a page in SharePoint 2010

After deleting the selected default picture (simply with a click of the Delete button on my keyboard), I clicked the Insert sub-tab under the Editing Tools menu to refresh the Ribbon with the options associated with the Insert action:

Insert menu of the Ribbon in SharePoint 2010

Clicking the Picture button within the Insert menu will cause an overlay to cover the screen, with a Select Picture popup appearing on top.  In this screenshot, I've already selected my desired picture (via the Browse button), but otherwise I've left the default settings on the popup form.  Those settings are Upload to: Site Assets (additional options on the drop down menu to Upload to are:  Customized Reports, Form Templates, and Shared Documents), and leaving the Overwrite existing files checkbox checked:

Select Picture popup form in SharePoint 2010

The confirmation of your successful upload takes the form of another popup form, and allows you to change the Name and Title of the picture as desired:

Document was uploaded successfully popup form in SharePoint 2010

After clicking Save on the confirmation form, you'll be presented with the edited version of your page with the new picture in place.  A couple of things to note in the Ribbon area of this screenshot:  You're still in edit mode (i.e., your edits haven't been saved to the page) until you click the Save & Close icon in the toolbar and, by default, the Name of the picture is also the Alt Text associated with that picture:

Having clicked the Save & Close icon, I'm presented with the results of the first customization of my new SharePoint 2010 home page, having replaced the default picture with a somewhat more fitting one:

See how easy that was?

What's the first customization that you'll undertake (or have already undertaken as the case may be) on your new SharePoint 2010 site?

The SharePoint 2010 Web edit story so far:

SharePoint Online

The cloud parts are functional components that extend your SharePoint Online environment in Microsoft 365.

Supports Classic and Modern sites for SharePoint Online/Microsoft 365

SharePoint

Top SharePoint Online Products

Experience greater power and savings by bundling our SharePoint apps and cloud parts.


Calendar Plus


Chart Plus


Knowledge Base


Project Management Central


Simple List Search

 

On-Premises Only

These web parts extend SharePoint beyond its out-of-the-box capabilities by tailoring it to your requirements with Bamboo Solution’s growing portfolio of SharePoint Web Parts.

SharePoint 2013, 2016, 2019 – Classic Pages Only

SharePoint

Top On-Premises Only Products

Experience greater power and savings by bundling our SharePoint apps and web parts.


Calendar Plus


Data Viewer


Password Change


Password Expiration


Password Reset

 

Our team of Microsoft 365 experts help you get the most out of your Microsoft technology, we have the best Microsoft 365 talent to streamline your organization.

Streamline Your Department

We Have What You Need

Bamboo Solutions

About


Blogs


Webinar & Events


Twitch


Culture & Diversity

 

 

Bamboo Solutions

Tools


Resources


Bamboo Installer