I have a simple tab structure I like for translation access. https://myally.co/l/emailTemplates/followup.php
I send the same html/css as an email and get the following:
the tabs are not overlaid and radio buttons are not styled
the same in gmail and outlook. Hints on how to correct my html/css? Email clients ignore absolute positioning so try this other approach?
You ask a lot of questions and don't post your code as expected in Stack Overflow. This makes it really hard to know what you're doing and give you solutions.
Since you're asking questions and not posting samples, nobody will really help you because that's not the way this SO works.
To answer some of your questions:
Radio buttons do not work in email.
The JavaScript you are most likely using does not work in email.
tabbing does not work with Outlook
Absolute positioning does not work in email
Email development is not Web development. They use the same technologies in different ways.
For more help on what does and does not work, please visit https://www.campaignmonitor.com/css/.
Good luck.
Related
Quick question, is it ok to use standard HTML anchor links within a html emailer? Its to be used as a jump link to content within the e-mail. Wondered if anyone had any experience of this and whether they had come across any issues / pitfalls? It's come from a client request. Only thing I can think of is that the link colour may be over-ridden in some email clients.
Anchor links work to some degree in email clients. Outlook in particular is notorious and had jumps to a different places. iOS and others were fine.
Have a client that we made an HTML email for, but there is so much content that GMAIL is cutting the email off and states to view entire email click here. That is fine, but it cuts our tracking image off, which then throws off the open rates. I want to avoid an HTML or CSS compiler. Is it safe to put a tracking image near the top? I mean it works putting it at the top...but what is the best practice? I have done several searches and haven't really found a good solution. Thank you all for your time.
I was filling out a form on uSell.com to ship out an old phone and when I entered my address, a dialog box popped up telling me what I entered along with their suggestion of what to change it to. I thought this was cool and was wondering how I can replicate that in my forms.
Looks like you talking about some kind of auto-completer. This can be done in various ways, depending on the languages you are using. You can make a simple auto-completer using just html, javascript and css. More complicated auto-completers can make server side calls to search through a database etc.
Have a look at the link below, they explain a very simple auto-completer.
Related topic
Hope this helps, good luck :)
I would like to replicate gmails functionality to "magically" not show irrelevant quoted stuff in emails but still showing mostly relevant stuff. Are there any libraries which can help me find the text that is actually new and should be shown? Or do you have any suggestions on how to proceed?
I do know which two messages belong together and which one is the answer to the other but I would love to only show relevant text.
As you must have seen in gmail, a small popup appears to chat when you click on right bottom corner of your screen. Interestingly, this popup remains open and at the same place even when we navigate from one webpage to another. How can this be done? It doesn't look as though it's different page. Is it different page altogether? or is it the same page?
Thanks in advance :). Hope these moderators don't close my question. Last time i asked something that would have been useful to me, they negatively voted me and closed my question.
You should give jQuery a shot.
There is a pretty sweet module called jQuery chat module which could be worth a try.
They use AJAX for the whole GMail app, it's quite hard to develop it as good as the GMail chat. You should read some tutorials/books about AJAX before you should even consider start to develop it.