SOLVED

Sharepoint Classic/Modern Image Markup

%3CLINGO-SUB%20id%3D%22lingo-sub-2278007%22%20slang%3D%22en-US%22%3ESharepoint%20Classic%2FModern%20Image%20Markup%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2278007%22%20slang%3D%22en-US%22%3E%3CP%3EI%20have%20a%20classic%20Sharepoint%20subsite%20that%20has%20an%20image%20with%20selectable%20portions%20of%20the%20image%20that%20will%20link%20out%20to%20other%20sites.%20All%20I%20did%20was%20insert%20an%20image%20then%20selected%20the%20webpart%2C%20selected%20the%20mark%20up%20option%2C%20then%20the%20edit%20source%20option%20and%20pasted%20some%20image%20mapping.%26nbsp%3B%20I%20am%20now%20trying%20to%20create%20a%20modern%20subsite%20to%20do%20the%20same%20thing.%26nbsp%3B%20I%20have%20inserted%20the%20image%20but%20do%20not%20see%20where%20I%20can%20edit%20the%20markup%20for%20this%20image%20to%20paste%20in%20my%20image%20mapping.%20Is%20this%20still%20a%20possibility%20using%20a%20modern%20subsite%3F%20And%20if%20so...how%3F%20Thank%20you%20for%20your%20consideration.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-2278007%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2278081%22%20slang%3D%22en-US%22%3ERe%3A%20Sharepoint%20Classic%2FModern%20Image%20Markup%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2278081%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F174092%22%20target%3D%22_blank%22%3E%40RobElliott%3C%2FA%3E%26nbsp%3BIt%20looks%20like%20you%20are%20correct%20sir.%20Image-mapping%20not%20an%20option%20with%20modern%20site.%20Although%20I%20did%20find%20a%20video%20that%20gives%20a%20workaround.%20You%20have%20to%20create%20a%20powerpoint%20slide%20of%20the%20picture%20you%20want%20with%20clickable%20hot%20spots.%20Insert%20invisible%20shapes%20around%20the%20hotspots%20you%20want%20then%20insert%20links%20to%20your%20subsites%20into%20the%20shapes.%20Then%20save%20as%20a%20pdf%20and%20insert%20into%20subsite%20using%20the%20file%20view%20webpart.%20Functionally%20it%20works%20but%20for%20us%20I%20can't%20seem%20to%20resize%20the%20webpart%20to%20show%20the%20full%20picture%20in%20portrait%20without%20having%20to%20scroll%20up%20and%20down.%20Below%20is%20the%20link%20to%20the%20video%20I%20found.%20Hopefully%20it%20helps%20others.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DyS8cyTyWnVk%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3E(122)%20How%20to%20create%20Image%20Maps%20with%20Hotspots%20in%20%23SharePoint%20Online%20-%20YouTube%3C%2FA%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2278013%22%20slang%3D%22en-US%22%3ERe%3A%20Sharepoint%20Classic%2FModern%20Image%20Markup%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2278013%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F920329%22%20target%3D%22_blank%22%3E%40glandrum%3C%2FA%3E%26nbsp%3Bas%20far%20as%20I%20am%20aware%20image%20maps%20are%20not%20possible%20in%20a%20modern%20SharePoint%20page%2Fimage.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ERob%3CBR%20%2F%3ELos%20Gallardos%3CBR%20%2F%3E%3CFONT%20size%3D%222%22%20color%3D%22%23006400%22%3EIntranet%2C%20SharePoint%2C%20Website%20and%20Power%20Platform%20Manager%20for%20a%20large%20UK%20company%20(and%20classic%201967%20Morris%20Traveller%20driver)%3C%2FFONT%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E
New Contributor

I have a classic Sharepoint subsite that has an image with selectable portions of the image that will link out to other sites. All I did was insert an image then selected the webpart, selected the mark up option, then the edit source option and pasted some image mapping.  I am now trying to create a modern subsite to do the same thing.  I have inserted the image but do not see where I can edit the markup for this image to paste in my image mapping. Is this still a possibility using a modern subsite? And if so...how? Thank you for your consideration.

 

2 Replies
best response confirmed by glandrum (New Contributor)
Solution

@glandrum as far as I am aware image maps are not possible in a modern SharePoint page/image.

 

Rob
Los Gallardos
Intranet, SharePoint, Website and Power Platform Manager for a large UK company (and classic 1967 Morris Traveller driver)

@RobElliott It looks like you are correct sir. Image-mapping not an option with modern site. Although I did find a video that gives a workaround. You have to create a powerpoint slide of the picture you want with clickable hot spots. Insert invisible shapes around the hotspots you want then insert links to your subsites into the shapes. Then save as a pdf and insert into subsite using the file view webpart. Functionally it works but for us I can't seem to resize the webpart to show the full picture in portrait without having to scroll up and down. Below is the link to the video I found. Hopefully it helps others.

 

(122) How to create Image Maps with Hotspots in #SharePoint Online - YouTube