# Aligning hospots

**URL:** <https://community.evolveauthoring.com/t/aligning-hospots/2266>\
**Category:** General Help\
**Tags:** component\
**Created:** [April 26, 2023, 1:12pm UTC](https://community.evolveauthoring.com/t/aligning-hospots/2266 "2023-04-26T13:12:46Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![nickwest](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/nickwest/32/84_2.png) [@nickwest](https://community.evolveauthoring.com/u/nickwest)\
**Post date:** [April 26, 2023, 1:12pm UTC](https://community.evolveauthoring.com/t/aligning-hospots/2266/1 "2023-04-26T13:12:46Z")

</div>

Hi,

I’m using the Hotgrahic component and have several hotspots I need to align nicely. I’m struggling to get this done using my mouse to move the hotspots around in the editor - I’ve tired zooming in on the browser and that helps a bit, but the alignment still isn’t perfect.

Does anyone have any suggestions as to how we can fine tune placement?

Thanks,

Nick

---

<div class="post-metadata">

**Author:** ![Martin](https://avatars.discourse-cdn.com/v4/letter/m/73ab20/32.png) [@Martin](https://community.evolveauthoring.com/u/Martin)\
**Post date:** [April 26, 2023, 6:07pm UTC](https://community.evolveauthoring.com/t/aligning-hospots/2266/2 "2023-04-26T18:07:30Z")

</div>

Nick – this _can_ be tough. Gridlines or finer adjustment would be a great enhancement. If I can, I try to create my graphics off-line and add the callouts and highlights to the original (with the correct layering and positioning) before importing to Evolve. Sometimes I’ll do _two_ images; one base, the other just the highlights in case I need to change the image during production. But I know this workflow doesn’t work for some.

---

<div class="post-metadata">

**Author:** ![hbailey](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/hbailey/32/603_2.png) [@hbailey](https://community.evolveauthoring.com/u/hbailey)\
**Post date:** [April 26, 2023, 6:33pm UTC](https://community.evolveauthoring.com/t/aligning-hospots/2266/3 "2023-04-26T18:33:32Z")

</div>

Nick,

Have you used the double headed arrow on the settings colum to expand it? That’s the biggest you can go at the moment but I have discussed with the Devs about making it bigger.

Helen

---

<div class="post-metadata">

**Author:** ![Matt\_Leathes](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/matt_leathes/32/586_2.png) [@Matt\_Leathes](https://community.evolveauthoring.com/u/Matt_Leathes)\
**Post date:** [April 26, 2023, 6:48pm UTC](https://community.evolveauthoring.com/t/aligning-hospots/2266/4 "2023-04-26T18:48:50Z")

</div>

Depending on your needs you might find you can use an Infographic instead. It has a far better editing interface than Hotgraphic.

---

<div class="post-metadata">

**Author:** ![nickwest](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/nickwest/32/84_2.png) [@nickwest](https://community.evolveauthoring.com/u/nickwest)\
**Post date:** [April 27, 2023, 7:55am UTC](https://community.evolveauthoring.com/t/aligning-hospots/2266/5 "2023-04-27T07:55:28Z")

</div>

Thanks, that did allow me to zoom in a bit more.

---

<div class="post-metadata">

**Author:** ![nickwest](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/nickwest/32/84_2.png) [@nickwest](https://community.evolveauthoring.com/u/nickwest)\
**Post date:** [April 27, 2023, 7:56am UTC](https://community.evolveauthoring.com/t/aligning-hospots/2266/6 "2023-04-27T07:56:32Z")

</div>

Thanks all.

Perhaps a feature request would be to add X and Y control to each hotspot?

Nick

---

<div class="post-metadata">

**Author:** ![BarryBPS](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/barrybps/32/540_2.png) [@BarryBPS](https://community.evolveauthoring.com/u/BarryBPS)\
**Post date:** [April 27, 2023, 9:54am UTC](https://community.evolveauthoring.com/t/aligning-hospots/2266/7 "2023-04-27T09:54:10Z")

</div>

Being able to move the hotspots using the arrow keys would help a lot.

When it comes to positioning the hotspots, I actually preferred the old version of Evolve as you could move all hotspots in one place, which made lining them up a lot easier. I would then use a Chrome extension called Grid Ruler to help me position them nicely.

 ![image](https://canada1.discourse-cdn.com/flex031/uploads/evolveauthoring/original/2X/9/985a390630c2599f92cf1e24f8b8f4b46b0da374.png)

If all hotspots appeared on each item, it makes it easier to line them up.
