Archive for October 15th, 2010

15
Oct
10

Let’s Make a Clickable Image Map Using SharePoint Designer 2010

…and I do mean Map!

Get your base image and copy it to the clipboard.  I’m going to use a map of the world.

image

On the asset-based navigation in SPD 2010, you’ll need to navigate to an object that will allow you to create an HTML file in it.  Here I’m using Site Pages, but you could also select All Files.  You probably want to save it somewhere so you can modify it later, if need be.

image

Open the file (Untitled_1.html) for editing.

image

Delete the HTML that came with the new page.

image

Paste your image into the page.

image

Click on the map image and then select Format under Picture Tools.  You’ll now have access to the Hotspot tool.  Select either the Polygonal, Rectangular or Circular Hotspot drawing tool.

image

Using your coloring skills you learned in Kindergarten, trace each of the areas you want to hotspot.

image

When you close the polygon, you’ll get a dialog where you can enter the address that the hotspot is linked to.

image

Copy all the source to the clipboard…

image

…and paste it into the HTML view of a content editor web part.

image

You should see it displayed with the regions visible.

image

The finished product.  Hovering over an area will give you "the hand" and clicking will take you to your hyperlink.

image

15
Oct
10

Can’t Edit Page Layout in SharePoint Designer 2010

Are you having issues opening a page layout in SPD 2010 for editing?  Is everything highlighted in yellow?  John White has a good explanation of what your problem probably is.  You need to edit the file in Advanced Mode.  What’s Advanced Mode?  It’s opening the file so you can really edit it instead of opening it in a mode where you can’t edit it…even though you clicked on Edit File.  Perhaps it should be called "Really Edit the FIle"  (That was supposed to be tongue-in-cheek humor).

What’s interesting is sometimes you’ll be asked if you want to open the file in Advanced Mode and other times the file will open in "read only" (yellow) mode.  Call me old fashioned, but when I click Edit File, I intend to edit the file.

image

Right-click the file and select "Edit File in Advanced Mode."

image

Or, with the File Information screen displayed, select the Edit File drop-down and click on "Edit File in Advanced Mode." 

image

Either way, you’ll be able to edit the file, as you probably intended to do in the first place.

 

Search Keywords:

Can’t edit file in SharePoint Designer 2010

Can’t edit page layout in SharePoint Designer 2010

Page is locked for editing in SharePoint Designer 2010

After copying and pasting a page layout it can’t be edited

Edit File in Normal Mode vs. Edit File in Advanced Mode




Asif Rehmani’s SharePoint Videos

SharePoint-Videos

Click to access a wealth of SharePoint videos

SharePoint Rx

SharePoint Rx Home

Categories

Posts by Date

October 2010
M T W T F S S
« Sep   Nov »
 123
45678910
11121314151617
18192021222324
25262728293031
Support Wikipedia