Forum Discussion
Can't get shapes to line up
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?
- ShirleyYCommunity Member
I am also experiencing the same issue with using Articulate software, which can be incredibly problematic for the design and animation. Has there been a solution to this issue? Thank you!
- NateHerrema-5ffCommunity Member
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.
- DougMattsonCommunity Member
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.
- RachelHoward-2fCommunity Member
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 :(
- BarryStoner-f8cCommunity Member
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.
- SanjuThapa-b5a0Community Member
Thanks, i think that tip helped!
Hi there Liam,
I'd first check that your Windows machine is configured with 96 DPI (dots per inch). If Windows is using a different DPI setting, you may experience erratic behavior, such as:
- Elements of the application are misplaced or distorted.
- Objects are misplaced or distorted when previewed or published
Also, have you tried zooming in on the slide stage area to see if you can tell if objects are misaligned? You might also want to try right-clicking on the object and selecting Size and Position, then the Position tab. From there you can double-check that the horizontal and/or vertical positions of your shapes are the same.
- LiamCurrieCommunity Member
Checked. 96DPI. The horizontal size on both objects is identical. The screenshot is a zoomed in picture of the two objects.
If you look you can see the boundary line in the tab piece is aligned with the left side of the shape but in slightly on the right side. If you select the rectangle below the boundary box lines up with all the sides.
Thanks for checking those things, Liam. Since you've got all the right settings, would you mind sharing your file (even if it's just the one slide) so I can test it a little further? There is an issue that has been reported to our QA team where images and shapes are misaligned in preview or after publishing, and I'd like to confirm that what you're seeing matches that report.
You can either share the file right here in the thread using the Add Attachment button, or you can share it privately with our Support Engineers here.
- LiamCurrieCommunity Member
Tried twice. Got:
The articulate.com page isn’t working
articulate.com is currently unable to handle this request.HTTP ERROR 502.
I've submitted before so not sure what's going on. Anyway, it's the way some shapes are drawn. Here: http://imgur.com/a/38nml
I know it's not a great picture but you should be able to see that the odd shaped rectangles are maybe 2 pix bigger than the normal ones. Also the round top rectangles overlap their edges when aligned horizontally.
Hi Liam,
I'm sorry you weren't able to open a support case. Can you tell me what browser you were using when you received that error?
I'm going to open a case on your behalf (00994389 for my reference), so keep an eye on your email as you'll be hearing from one of the Support Engineers shortly. :)