Forum Discussion

Thinkaway's avatar
Thinkaway
Community Member
4 days ago

Misalignment of objects: Editor vs Preview views

Hi all I have created my own radio buttons (instead of using SL's built-in radio buttons).  In the editor view, the red dot within the black circle is perfectly centre aligned (I used the alignme...
advice
e-learning development
General E-Learning
storyline 360
EricSantos's avatar
EricSantos
Staff
3 days ago

Hi Thinkaway​,

Thanks for sharing the screenshots, they make the issue clear! Nice work building your own radio buttons.

What you’re seeing is pretty common. The preview can render shapes a little differently than the editor because it runs in a browser environment. Browsers apply anti-aliasing to smooth edges, and that can make small elements like your red dot look slightly off-center even when they’re perfectly aligned.

A few quick things to try:

  • Check that both shapes are on whole-pixel coordinates (no decimals in the X or Y position).
  • Test with your display scaling set to 100%, or preview on your primary monitor.
  • If it still looks off, try grouping the shapes or exporting them as a single image or SVG.

 

That should keep the red dot centered in both edit and preview views.

Please feel free to share your Storyline file here or privately in a support case if you’d like us to take a closer look.