Can't get shapes to line up
Jan 20, 2017
I've noticed this problem a few times so I thought I'd ask if there is a solution. When trying to line up shapes, often one edge will not visibly line up even though the wireframe points are exactly the same and the guidelines when resizing the objects seem to snap to the right position.
Here is my current example: http://imgur.com/toAQSR4
I am trying to build a long colored bar that I will fill with buttons, and at the top I want a folder-tab looking piece to put the title on. However, as you can see the right hand edge will never line up. It's like Articulate thinks they are in line but it does not draw the shape properly. This carries over into the preview mode as well. It's the same problem with outlines turned on or off.
Any thoughts on how to make this work?
43 Replies
I have a similar issue in Storyline 360, running on windows 10. Is there a fix for this? I want to align to bottom three rectangular shapes and I have tried using align and also nudging the shapes with the arrow keys, but they are out by a tiny amount, less than a pixel.
Hi Claire and welcome to E-Learning Heroes :)
Thanks for reaching out and sharing the issue you are running into as well.
We do have this issue reported or Storyline 360, but I do not have an update to provide.
I wanted to share some information on how we define bugs and how we tackle them when they occur.
This conversation is linked to the report so that we can pop in and share any updates we have with you here.
Hi Leslie
Thanks for replying. I'll keep an eye out for updates. All the best, Claire
Hey all, I'm experiencing the same difficulties with Storyline 360 on Windows 10. I want some objetcs to be aligned, which they are perfectly in edit mode, but when I change to preview, they're not.
I'm using firefox for preview. Also tested chrome which is having not that much trouble aligning the objects, but still some and we're usually using firefox in our company.
Are there any updates on this issue?
Hey Yeliz,
I am sorry that you are running into this snag. I don't have any updates on this yet since this is an open issue with our team. We will be sure to provide an update to this thread as soon as we have more details to share!
If you have any other questions, just let us know and we'll be happy to help!
After nearly 3 years this is still an open issue(?) I've struggled and been frustrated by this nearly every time I design. It's a pain to re-design somewhere else and then import as an image...not to mention the loss in quality/fidelity. Using a table is not flexible enough as I can't keep the border to just the bottom cell.
Agreed. I'm in the process of creating simple radio buttons. Everything looks perfectly aligned however when I preview – the "selected" state fill-dot is off-center.
This can happen when trying to line up a shape with an outline with a shape that has no outline. It can be especially confusing if the outline is the same color as the background.
I'm also running into this issue. I do notice that when I select my SVG shapes, the selection box on some of them is off. What is odd is that for some shapes, it looks fine, and others are off. This might be why people are running into this problem.
What is interesting is that when I select all images, the selection boxes line up fine, but the actual image is above the bounding box line. as shown below.
In the image below, you can see that the picture does not align with the shapes above and below. When I nudge the image or the shapes with an arrow key, they still will not line up. The picture jumps up what seems like 2px instead of one.
Any chance of a fix after all these years?
I'm not thrilled to see that this is still an issue to a problem that was put up here 4 years ago - Is this still a thing? Is there really no answer on how to get two shapes to line up evenly?
This post was removed by the author
At least you gave me an idea on how to get stuff to line up by building it in a separate program and bringing it in - but sheesh - you really should be able to put two things next to each other and have them line up properly :(
Hi there.
This has always been an issue with Storyline and it's a shame as I like courses to look perfect, and it can be challenging to position items to look perfect when the course is published, especially as they line up perfectly in edit mode.
I'm currently working on a software simulation, and trying to line up rectangular Storyline buttons around the 'buttons' in the screenshots can be quite difficult.
It really should not be this way, and say what you like about Captivate, but I never had this issue using Captivate.
It's not always the case, but I have found positioning the buttons on even horizontal and vertical positions helps.
It's so frustrating trying to build a flow chart when lines don't align with each other. Such a basic issue, yet SEVEN YEARS later it's still an issue?
You might be tempted to zoom in while lining up. I zoom in a lot when building and automatically do it. However, if you want to line up a box around something else (such as a button on a software simulation), I have found having the view at 100% gives better results.
Thanks, i think that tip helped!
Zooming helps - but it's definitely not a functional workaround! And they still don't line up perfectly.
I find the only way to be certain is to publish it and then tweak it in the course. Oddly, the Storyline screen, preview and published output can all differ.
Having a line stroke width that is an even number also helps.
Ya, it's not perfect.