White line visible in Outlook 2016

[GVSupport]

When using a multicolumn or text+image element in a box, one or more white lines are visible in Outlook 2016. Trying a multitide of spacing, padding, font size options resulted in the same issue. Please advise.

[smiska]

Thanks @GVSupport for the report, can I ask you to please provide a projectID so I can take a look at the template?

[GVSupport]

Hi

I am assuming this is the ID you are looking for:

Template/DragAndDropDesigner?Id=538

Regards

---

Daryl Collis

Esteiro Business Solutions

Authors of Gold-Vision

www.gold-vision.comhttp://www.gold-vision.com/?utm_source=Signature&utm_medium=Email&utm_campaign=Homepage

[Linkedin]https://www.linkedin.com/company/esteiro-business-solutions-limited

[Twitter]https://twitter.com/goldvisioncrm

[Facebook]https://www.facebook.com/goldvisioncrm?fref=ts

[Google]https://plus.google.com/+GoldvisionSoftware/about

t: +44 (0)1788 511110

North America: +1 (647)494 9870

toll-free: +1 (877)673 1230

dacollis@gold-vision.commailto:dacollis@gold-vision.com

Chat with supporthttps://lc.chat/now/7609641/1

[Gold-Vision Help]<../../../Local/Microsoft/Windows/INetCache/Content.Outlook/1YUX08G9/www.gold-vision.com/support7/news.html>

The contents of this email are private and are for the use of the intended recipient. If this email has been delivered to you in error, please let us know and delete the email. All outgoing email is scanned for viruses, however, we clearly cannot guarantee full protection. Esteiro Business Solutions Ltd. is located at Unit 4-6 Ryehills Lane, West Haddon, Northants, NN6 7BX, UK. Co. Reg. 04292582

From: smiska [mailto:notifications@github.com] Sent: 07 June 2017 15:19 To: EDMdesigner/editor-issues editor-issues@noreply.github.com Cc: Gold-Vision Support support@gold-vision.com; Mention mention@noreply.github.com Subject: Re: [EDMdesigner/editor-issues] White line visible in Outlook 2016 (#85)

Thanks @GVSupporthttps://github.com/gvsupport for the report, can I ask you to please provide a projectID so I can take a look at the template?

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHubhttps://github.com/EDMdesigner/editor-issues/issues/85#issuecomment-306809170, or mute the threadhttps://github.com/notifications/unsubscribe-auth/ARwR55lzr4A5Z9lS6oDksegylMPx0JwKks5sBrE8gaJpZM4Nv8n9.

[Silassiai]

We see this often. See attached json example.

5922f9219ed2cb6c6e1bb68d.txt

[GVSupport]

@smiska please let us know if you have an update? All mailshots using multicolumn elements with a background colour are showing these lines in Outlook 2016.

[smiska]

Hi @GVSupport , @Silassiai ,

Sorry for the delayed response. I ran a test on the provided json, the problem doesn't seem to come up in that.

As per the issue in the other template: The editor handles relative sizes as percentages. These pixel differences (the white lines) are usually due to rounding. You can avoid rounding to cause issues, if you slice images keeping this in mind and create the slices accordingly. There is also a trick in your case - you can color the BOX component in which you insert the IMAGE component - so regardless of possible pixel differences, it won't be visible because of the background coloring. I hope it helps.

If you still need us to take a look at the template, the projectId can be found in the end of the URL bar (query string) after 'app.edmdesigner/com/#projects/' using the EDMdesigner standalone App, or by listing the templates of a user in the EDMdesigner Dashboard under 'List templates of a User' menu item, if you created the template through your API integration.

[Silassiai]

@smiska sorry the problem appears in outlook 365, did you tried that one as wel? see example below (only the white lines, they grey ones i created myself)

[GVSupport]

Hi @smiska, thanks for getting back to us.

In the same template, we have attempted to get rid of the line by changing the box background and by adding an image with the correct dimensions. Unfortunately, this has not solved our problem as the white lines still appear. Could you please advise?

Thanks

[smiska]

Hi,

In the test I created there are no additional white lines for office365 either. But you can wrap the TEXT component and the BUTTON inside the MULTI-COLs into a BOX elements and color those BOXes. That's what you tried with no luck?

[GVSupport]

Hi @smiska ,

I have tried to things: Box with background colour > Multicolumn > Text & Image Box with background colour > Multicolumn > Boxes with background colour > Text & Image

The lines still appear.

[Silassiai]

Hi @smiska ,

Yess i tried that without any results. I tested it on outlook 365 fresh installation without changing any settings. I see you tested it in the 365 webversion, but the problem appears in the 365 desktop application.

[smiska]

Hi, @Silassiai , I can't spot white lines in the screenshots you provided, does it have a different issue than that, which needs fixing? @GVSupport , can you please share the projectId for the project in our system based my description earlier or provide me a unique title for the project, which I can search for in the database? Let me see if I can come up with a solution if I upload the template to my test user I test things out. Thanks.

[Silassiai]

@smiska you have to look at the screenshot i sended 3 days ago ^, the last screenshot is to show you the fix i did that you asked me to do (that did not work)

please test in outloook 365 desktop version and fix the problem

[GVSupport]

Hi @smiska,

the ProjectID is: 59269fb49ed2cb6c6e1dedf8

hope this helps. Thanks

[GVSupport]

Hi @smiska, is there any news regarding this? We are seeing these lines appear more and more often. Thanks

[Silassiai]

same here... Can you please come with a fix?

[smiska]

Hi @GVSupport, @Silassiai I'm examining the templates in question, I'll get back to you as soon as I can figure something out. Tomorrow the latest.

[GVSupport]

Hi @smiska , any news about this please?

[smiska]

Hi, Sorry for getting back to you later then promised. Yesterday I had our HTML expert look over the the templates.

From our discussions and the testings, two thing seems clear:

• the fix I suggested worked in all of our tests, in the case of: MULTICOL > BOX (where the color is applied) > one IMAGE element in one column, one TEXT element in the other one. Testing out the template Silassiai provided with the fix, we didn't experience white lines on any Outlook version, neither in the GV support template, applying the coloring for the boxes inside of the MULTICOL element.
• the fix does not apply if you use IMAGE & TEXT element (this is the one in the GVSupport template at the second occurrence of the "Webinar update". That element is designed to have a "newspaper article"-like appearance, and it can't be used well in email templates with coloring like this. We could not eliminate the white line by manually coloring the background of HTML elements one-by-one, so this white line is generated by Office, possibly because of the the as the software zooming to match the hardware environment. As far as I understand, you have the white lines regardless of this fix used on the MULTICOL element. If this is the case, I would need detailed reproduction steps or possibly even better a screencast, because we could not reproduce it.

[GVSupport]

Hi,

I have tried again to apply the fix but no luck. Are you available for a screencast on Monday?

Thanks

[smiska]

Hi, I think it can be arranged. What kind of software should I install before that?

[Silassiai]

same here, can we have a teamviewer session?

[GVSupport]

@smiska could you please let me know your email address?

[smiska]

Hi, My email address is mihaly@edmdesigner.com . I expect that you're going to invite me to a meeting presentation and share your screen to walk me through the reproduction steps and to see your environment. I'll record the screencast to analyze with our experts. I hope this is what you have in mind too. I'll wait for your emails. Thanks.

[smiska]

@Silassiai , @GVSupport fortunately there seems to be an easy fix for the white line problem in Outlook 2016, Windows 10 Mail and in case there are other Outlook involved in this for those as well. In the part of the template, where the line appears under text elements, and doesn't disappear regardless of coloring the BOX elements behind it, the fix is to reduce the font-size compared to the corresponding line-height, so it is has at least 2px less numeric value. Please share your experiences. Thanks.

[Silassiai]

Like this? Did not the job! image

[smiska]

Sorry to hear that @Silassiai. Was it with IMAGE+TEXT element or MULTICOL element? For MULTICOL elements we have only the background coloring fix, and never experienced white lines with Litmus test. I'll certainly get back to you if I can test things out on real Outlook clients and experience the problem.

[Silassiai]

MULTICOL yess please test test test