Mobile Friendly Email Design  Page 11 
Responsive basically means the email will automatically fit whatever screen it is displayed on. Special 
code, called media queries, is added to responsive emails to alter their content automatically depending 
on the screen size and resolution. 
Media queries are a special set of CSS code that act like dynamic rules. They detect the screen size of a 
device and then ‘turn on’ different sets of rules depending on that screen size. These rules can be simple 
or quite complex. 
Responsive Email Design
Resized images
Large, easy to 
touch Call to 
Vertically stacked 
Pdf form save in reader - extract form data from PDF in, ASP.NET, MVC, Ajax, WPF
Help to Read and Extract Field Data from PDF with a Convenient C# Solution
extract data from pdf file to excel; how to fill in a pdf form in reader
Pdf form save in reader - VB.NET PDF Form Data Read library: extract form data from PDF in, ASP.NET, MVC, Ajax, WPF
Convenient VB.NET Solution to Read and Extract Field Data from PDF
extract data from pdf forms; collect data from pdf forms
Mobile Friendly Email Design  Page 12 
Responsive email templates
Responsive emails are becoming common practice. Vision6 offers free responsive templates for emails. 
With the help of responsive design, you can alter the content and design of your email making it easier to 
read and interact with on the small screens of mobile devices. 
Responsive email design can offer benefits such as increased usability and higher read rates. It can also 
lead to better performance and click-through rates.
But remember responsive design won’t solve bad email design, but it will bring a well designed email to 
life on the small screen. 
Image source: Learning by example, Marketing Land, 2013
C# PDF: PDF Document Viewer & Reader SDK for Windows Forms
SaveFile(String filePath): Save PDF document file to a specified path form (Here, we take a blank form as an open a file dialog and load your PDF document in
cannot save pdf form in reader; fill in pdf form reader
VB.NET Image: How to Save Image & Print Image Using VB.NET
printing multi-page document files, like PDF and Word is used to illustrate how to save a sample RE__Test Public Partial Class Form1 Inherits Form Public Sub New
how to type into a pdf form in reader; pdf data extractor
Mobile Friendly Email Design  Page 13 
The following will all take place automatically if you use a responsive template in Vision6, depending on 
the size of the screen your email is viewed on:
•  Width of email will gracefully fit to the device
•  Larger images will be resized
•  Components will be stacked for easy scrolling
•  Logos and text in the header component will be centred
Additionally you can now convert old emails created in Vision6 to be responsive with the click of a 
Vision6 Responsive Templates
C# PDF File Merge Library: Merge, append PDF files in, ASP.
Merge Microsoft Office Word, Excel and PowerPoint data to PDF form. Append one PDF file to the end of another and save to a single PDF file.
how to save editable pdf form in reader; exporting data from excel to pdf form
VB.NET PDF Page Delete Library: remove PDF pages in, ASP.
this RasterEdge XDoc.PDF SDK, you can simply delete a single page from a PDF document using VB.NET or remove any page from a PDF document and save to local
how to save a pdf form in reader; export pdf form data to excel spreadsheet
Mobile Friendly Email Design  Page 14 
If you’re looking to take a dive into some deeper HTML coding the above is a great example from 
Expedia that uses advanced media queries:
•  They  increased text size for mobile version.
•  Components of the email such as text paragraphs, images, social media links can be hidden. 
In this example Expedia hid the top two links that went to their website and to view email in a 
web browser.
•  In this example Expedia replaced the original 8 tabbed navigation bar to include only flights, 
hotels, packages, and cruises. They cut back to ensure each link was big enough to touch. 
•  Expedia resized airplane imagery, so that the text is able to scale the width of the email.
•  Often images are resized to be smaller but in this example the size of the Call To Action 
button image was increased to make it easier to tap.
Advanced Coding Options 
Image source: Responsive email design, eConsultancy, 2013
C# PDF Page Extract Library: copy, paste, cut PDF pages in
to extract single or multiple pages from adobe PDF file and save into a The portable document format, known as PDF document, is a widely-used form of file
using pdf forms to collect data; export pdf form data to excel
C# Image: Save or Print Document and Image in Web Viewer
or image, you can easily save the changes to DLL Library, including documents TIFF, PDF, Excel, Word string fileName = Request.Form["saveFileName"]; string fid
exporting pdf data to excel; extract pdf data to excel
Mobile Friendly Email Design  Page 15 
The code described on the previous page and used in the above example is a little advanced for this 
But if you’d like to really sink your teeth into responsive design here are some helpful resouces to get 
started with: 
Image source: Top Ten Responsive Email Designs, The Website Marketing Group, 2013
C# PDF Convert to Tiff SDK: Convert PDF to tiff images in
Description: Convert to DOCX/TIFF with specified zoom value and save it into stream. Parameters: zoomValue, The magnification of the original PDF page size.
extracting data from pdf to excel; how to fill out pdf forms in reader
C# Create PDF from Tiff Library to convert tif images to PDF in C#
Description: Convert to PDF and save it on the disk. Parameters: Name, Description, Valid Value. Description: Convert to PDF and save it into stream. Parameters:
extract data from pdf form fields; extract pdf data into excel
Mobile Friendly Email Design  Page 16 
Emails are written in HTML and restrained in tables. It’s important to understand HTML is written the 
same as English, left to right, top to bottom. 
This means that responsive emails will adjust accordingly with the component on the left placed on top 
of any components on the right.
As you can see from this example you need to prioritise content left to right as well as top to bottom to 
accommodate this.
Planning for Responsive Design
C# PDF Convert to Word SDK: Convert PDF to Word library in
key. Quick to remove watermark and save PDF text, image, table, hyperlink and bookmark to Word without losing format. Powerful components
extracting data from pdf files; how to save filled out pdf form in reader
C# Create PDF from PowerPoint Library to convert pptx, ppt to PDF
Description: Convert to PDF/TIFF and save it on the disk. Parameters: Description: Convert to PDF/TIFF and save it into stream. Parameters:
html form output to pdf; pdf form field recognition
Mobile Friendly Email Design  Page 17 
Responsive Email Support
It’s a common misconception that media queries and responsive email support is based on the device or 
operating system used. In fact, it’s the application used to view the email that determines support. 
In other words, it’s possible to view the same email in two different apps on the same phone, each with 
different support for responsive design. It’s the same as if you opened an email with different apps on 
a desktop such as Hotmail or Gmail. It doesn’t matter if you are using a PC or Mac, what matters is the 
email client.
Unfortunately responsive emails aren’t supported by all email clients. 
Mobile Friendly Email Design  Page 18 
As some responsive layouts aren’t supported on some mobile platforms it’s even more important than 
normal to conduct extensive testing across devices.
By doing a simple test (Vision6 offers Litmus testing in system) you can find out how your layouts adapts 
to different devices and check how your email looks in clients that don’t support responsive emails.
Differences in devices, manufacturers, applications and screen sizes can all impact how your email will 
appear. That’s a lot of variables, so it’s worth taking the time to thoroughly test your email. 
Test Your Responsive Emails
Mobile Friendly Email Design  Page 19 
Taking the time to create a mobile optimised template versus the 
time required to create a responsive template varies. 
But the best case scenario is to use both approaches together. 
That way if media queries aren’t supported in a specific client, your 
email will still look great. 
Mobile devices aren’t going away - do 
something about it
It’s worth investing the time now whether that means optimising 
your email templates or going responsive, so that you can 
immediately start reaping the benefits.
Regardless of if you have 5%, 10%, 15% of opens occurring on mobile 
devices it’s safe to say that number will continue to grow. 
It makes sense to bite the bullet now so that existing mobile users 
can interact with your emails with ease. And it will mean you’re 
prepared for the future.
Use Design and Responsive Templates 
Image source: Responsive email design, eConsultancy, 2013
Vision6 offers a range of responsive templates and we’ve recently introduced an option to convert 
old emails to be responsive. This means it’s now easier than ever to send mobile friendly emails. Not a 
customer? Sign up for a free trial and start sending responsive emails today. 
Like this guide? Subscribe to our blog for email, sms and social media marketing news and tips. 
We’d love to stay in touch with you! Find us:  
Mobile Friendly Email Design  |  Page 20 
Start Sending Responsive Emails
Get more from your email marketing
Design, create and send awesome emails in minutes
mobile friendly
Documents you may be interested
Documents you may be interested