2014-06-05 15 views
5

मेरा ग्राहक एक उत्तरदायी ईमेल चाहता है जिसमें टेक्स्ट पूर्ण रूप से प्रदर्शित नहीं होता है लेकिन यह पहले से ही ईमेल के शरीर में एम्बेडेड है। जब उपयोगकर्ता "अधिक क्लिक करें" पर क्लिक करता है तो टेक्स्ट फैलता है और सभी टेक्स्ट दिखाई देते हैं। क्या यह संभव है?उत्तरदायी एचटीएमएल ईमेल पर accordion संभव है?

जहां तक ​​मुझे पता है कि ईमेल क्लाइंट पर छद्म-वर्ग संभव नहीं हैं, और इनलाइन कोडिंग के साथ एक accordion बनाना तकनीकी रूप से बहुत मुश्किल है। कोई विचार?

+3

मैं कल्पना नहीं कर सकता कि आप इसे एग्रीजन प्रभाव के रूप में काम कर सकते हैं या तो जावास्क्रिप्ट या आधुनिक सीएसएस पर भरोसा करते हैं। जिनमें से दोनों ईमेल क्लाइंट में समर्थित नहीं हैं: http://www.campaignmonitor.com/css/ http://stackoverflow.com/questions/14141374/using-css-before-and-after-pseudo-elements -with-inline-css –

+4

आपका सबसे अच्छा सर्वश्रेष्ठ HTML एंकर का उपयोग करने जा रहा है, और आपको ईमेल को नीचे ले जाने के लिए "अधिक क्लिक करें" लिंक का उपयोग करके http://stackoverflow.com/a/1088037/74585 –

+0

और कृपया बताएं वहां लोग अभी भी एक ईमेल के txt भाग पढ़ रहे हैं। 612 महीने के लिए – Mathias

उत्तर

2

यह काफी पुराना है लेकिन मैथ्यू सही है। आप accordions का उपयोग करके ईमेल को काम करने की कोशिश नहीं कर सकते (बल्कि नहीं), क्योंकि इन्हें या तो जेएस या उन्नत CSS3 की आवश्यकता होती है। जिनमें से दोनों ईमेल क्लाइंट में भी कम या कोई समर्थन नहीं है, यहां तक ​​कि नए भी।

सबसे नज़दीक मैं खोजने में सक्षम था जब मेरे पास एक समान अनुरोध था, Responsive Email Patterns से सीएसएस डिज़ाइन का उपयोग कर रहा था, यह कुछ ग्राहकों पर काम करता है लेकिन उनमें से सभी नहीं।

इसके अलावा, एकॉर्डन का उपयोग करने के बजाय, आप इसके बजाय "टैब" का उपयोग कर सकते हैं। हालांकि, 100% बुलेटप्रूफ नहीं, अधिक ग्राहकों द्वारा समर्थित है। उदाहरण के लिए here देखें।

(लियोन के सुझाव के बाद) सीधे शब्दों में कहें, जब तक आप सरल सीएसएस का उपयोग करने का लक्ष्य नहीं रखते हैं, तो आपको चौड़ाई और इसी तरह समायोजित करने के अलावा प्रतिक्रिया और जटिल इंटरैक्शन के बारे में वास्तव में भूल जाना चाहिए।

या तो शीर्ष से पूर्ण लेख पाठ से लिंक करने या बाहरी लिंक का उपयोग करने के लिए एंकरों का उपयोग करना कहीं अधिक आसान है। उत्तरदायी ईमेल रास्ते से अधिक हो जाते हैं और कुछ ऐसी जटिलता लाते हैं जो लोग सरल होने की अपेक्षा करते हैं: एक ईमेल पढ़ना।

+2

+1 - लेकिन यह चिह्नित करें कि सीएसएस समर्थन के अलावा ई-मेल क्लाइंट पर सही होना मुश्किल है। जावास्क्रिप्ट समर्थन को सफलतापूर्वक प्राप्त करने के लिए लगभग असंभव है :: (ईमानदार होने के लिए)। कोई भी ई-मेल की पुष्टि नहीं करेगा (उदाहरण के लिए) या ऐसा कुछ। "उत्तरदायी" ई-मेल भूल जाओ – Leon

संबंधित मुद्दे