An editor for image hotspots.
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
build Disable nuget build step Oct 29, 2018
src/Geta.EPi.HotspotsEditor
.gitignore Initial commit Sep 7, 2017
CHANGELOG.md
Geta.EPi.HotspotsEditor.sln Initial commit Sep 7, 2017
README.md Update README.md Oct 29, 2018

README.md

Geta.EPi.HotspotsEditor

An editor for image hotspots.

Installation

Type the following into your package manager console.

Install-Package Geta.EPi.HotspotsEditor

Configuration

Add a property an existing instance of ImageData or create a new one like the following.

using Geta.EPi.HotspotsEditor.Cms.Models;
using Geta.EPi.HotspotsEditor.Cms.Properties;

[ContentType(GUID = "d28c84b4-c4bd-40e7-b5b2-9c0cf79dd9c5")]
[MediaDescriptor(ExtensionString = "jpg,jpeg,jpe,ico,gif,bmp,png")]
public class ImageFile : ImageData
{
    [Display(
        Name = "Hotspot configuration",
        Description = "Hotspot editor",
        GroupName = "Hotspots"
    )]
    [UIHint(Geta.EPi.HotspotsEditor.Cms.UIHint.HotspotsEditor)]
    [BackingType(typeof(PropertyHotspotContainerList))]
    public virtual IEnumerable<HotSpotContainer> HotSpots { get; set; }
}

The hotspot editor should now be visible on a tab named 'Hotspots' when editing 'All properties' on an image inside EPiServer edit mode. The hotspot data saved during edit is then persisted into the property defined above.

Changelog

Changelog