none
How to make a responsive HTML email for Outlook? RRS feed

  • Question

  • Hi,

    I have a responsive HTML page which is generated by Razor and sent to multiple clients. The email received by clients are able to review responsiveness of the email except in outlook. Email in outlook is stick to the single template regardless of screen size changed. I have written number of media queries as well but it is still non-responsive.

    I tried '<!--[if ((gte mso 9)|(IE))]>' lines as well but the layout is still not responsive. Only thing I could achieve is, having a different layout for both Mail & Outlook apps.

    I want to know that responsive media queries are supported or not in Outlook & Mail apps. If not, how would I get a responsive HTML layout.

    Monday, January 6, 2020 1:52 AM

Answers

All replies

  • Since Outlook 2007 onwards uses Word instead of IE to render HTML email contents, the adaptation of modern HTML is relatively slow.

    And considering lots of coporate Outlook users are still using Outlook 2007/2010 (the machine I'm using still using Outlook 2007), I would say it's really difficult.

    I think it would be better to just keep a seperate layout for Outlook if you can. On a previous company the approach is to just use an Outlook compatable layout (do not use div tag as large number of CSS properties don't have effect on them, use table based layout as they'll render the same across browsers and email clients, etc.) .

    Monday, January 6, 2020 2:05 AM
  • Hello,

    Take a look at the following

    The HTML email framework developed to help you build responsive HTML email templates using the pre-built grid options and basic components you need to build responsive HTML email templates. This HTML email framework support's over 60+ email clients

    GitHub repo


    Please remember to mark the replies as answers if they help and unmarked them if they provide no help, this will help others who are looking for solutions to the same or similar problem. Contact via my Twitter (Karen Payne) or Facebook (Karen Payne) via my MSDN profile but will not answer coding question on either.

    NuGet BaseConnectionLibrary for database connections.

    StackOverFlow
    profile for Karen Payne on Stack Exchange

    Monday, January 6, 2020 2:26 AM
  • Hi gayan,

    Thank you for posting here.

    Based on your description, this doesn't seem to be a C # issue. So we will move it to Where is the Forum For…? forum to redirect it to the correct forum.

    The Visual C# forum discusses and asks questions about the C# programming language, IDE, libraries, samples, and tools.

    Best Regards,

    Timon


    MSDN Community Support
    Please remember to click "Mark as Answer" the responses that resolved your issue, and to click "Unmark as Answer" if not. This can be beneficial to other community members reading this thread. If you have any compliments or complaints to MSDN Support, feel free to contact MSDNFSF@microsoft.com.


    Monday, January 6, 2020 7:07 AM
  • Monday, January 6, 2020 8:49 AM
    Moderator