https://github.com/geta/geta.epi.hotspotseditor
An editor for image hotspots.
https://github.com/geta/geta.epi.hotspotseditor
Last synced: about 2 months ago
JSON representation
An editor for image hotspots.
- Host: GitHub
- URL: https://github.com/geta/geta.epi.hotspotseditor
- Owner: Geta
- Created: 2017-09-07T10:55:52.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2023-11-14T23:45:55.000Z (over 1 year ago)
- Last Synced: 2025-03-30T05:32:00.254Z (about 2 months ago)
- Language: JavaScript
- Size: 314 KB
- Stars: 1
- Watchers: 27
- Forks: 1
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
# Geta.EPi.HotspotsEditor
,branch:master/statusIcon)
**For ASP.NET 6+ and Episerver/Optimizely 12+ see: https://github.com/Geta/geta-optimizely-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 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](CHANGELOG.md)