Expiring Today—Celebrate National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

How to show/hide content in a html mail (MS-Outlook, Gmail, Hotmail, Yahoo)

Posted on 2015-02-15
9
Medium Priority
?
617 Views
Last Modified: 2016-05-31
Hi,

I want to design an HTML mail with a lot of content, but at the beginning I want to show only the titles of sections and a show/hide button. If the user clicks on the show/hide button, the article content will show/hide. I wish the solution to be compatible with MS-Outlook, Gmail, Hotmail, Yahoo email clients over desktop and mobile devices.

Can you help me?

Thanks,
shamigc
0
Comment
Question by:shamigc3
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
  • 3
9 Comments
 
LVL 84

Accepted Solution

by:
Dave Baldwin earned 2000 total points
ID: 40611437
I don't think anyone can help.  Show/Hide is done with javascript and javascript is not run in email clients.  It is considered a security risk.
0
 
LVL 37

Expert Comment

by:bbao
ID: 40611455
i better first clarify what's the final product you want to develop, an application to run locally on a computer or an add-on to the existing browser?

in other words, how will your product access the email services? to access the email servers directly over their IMAP or POP services (the app way) or via their standard web interfaces (the add-on way)?
0
 

Author Comment

by:shamigc3
ID: 40611557
I'm going to send e-mails to clients and they are going to see them using all the ways to view them: IMAP, POP (MS-Outlook, for example) and web interfaces (Gmail, Yahoo, Hotmail). I was thinking of using a two row table, using the first row as the title of the article and the second row for content, so the problem is how to hide/show a TD tag.

Thanks,
shamigc
0
Learn Veeam advantages over legacy backup

Every day, more and more legacy backup customers switch to Veeam. Technologies designed for the client-server era cannot restore any IT service running in the hybrid cloud within seconds. Learn top Veeam advantages over legacy backup and get Veeam for the price of your renewal

 
LVL 37

Expert Comment

by:bbao
ID: 40611569
okay, so basically you are going to generate some HTML emails and send them to your clients and ask them to see specific content on demand. is it right?

if so, why don't you simply send them a link and ask them to click for being redirected to a page on your web server?

further more, if you think a link is not that cute, you may send an embeded image sourcing from your server in the HTML email, and this kind of image is commonly by default disabled by most email clients in order to prevent seeing unsolicited content or traffic. as your client can trust your site, they may safely select to view the content by clicking the image.
0
 

Author Comment

by:shamigc3
ID: 40623688
BBAO,

Thank you for your comments, but I'm looking for somenthing like Wikipedia-style progressive disclosure, but I don't undertand it how to apply it to a td element.

shamigc
0
 
LVL 37

Expert Comment

by:bbao
ID: 40627326
what you want to do (Progressive Disclosure) looks like for me more server-side coding rather than a static HTML email to the client side.
0
 

Author Comment

by:shamigc3
ID: 40627392
Look Chapter 4  - Building responsive 2-to-1 column layouts, section 'Adding Wikipedia-style progressive disclosure'. This guide is for email desing.
0
 
LVL 37

Expert Comment

by:bbao
ID: 41626232
the accepted answer seems not the info that the author was looking after. any comment from the author?
0

Featured Post

Veeam Task Manager for Hyper-V

Task Manager for Hyper-V provides critical information that allows you to monitor Hyper-V performance by displaying real-time views of CPU and memory at the individual VM-level, so you can quickly identify which VMs are using host resources.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

As tax season makes its return, so does the increase in cyber crime and tax refund phishing that comes with it
Unified and professional email signatures help maintain a consistent company brand image to the outside world. This article shows how to create an email signature in Exchange Server 2010 using a transport rule and how to overcome native limitations …
The purpose of this video is to demonstrate how to set up a Mailchimp campaign. This will include styling and adding elements to a newsletter/email. This will be demonstrated using a Windows 8 PC. Mailchimp will be used. Log into your Mailchim…
The purpose of this video is to demonstrate how to use PicMonkey software to customize images for a Mailchimp campaign. Picmonkey is free and simple online software which can be used by users who don’t have robust editing software such as Photoshop,…

719 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question