Search Bar in Email Design
I have been trying to get a search bar working in some email builds, works perfectly fine in the likes of Apple Mail but of course Outlook just makes a big mess of things. Does anybody know a workaround for this?
Thanks in advance!
We have made an email for Shutterstock with the same functionality. Unfortunately, in the outlook (desktop client) does not support advance HTML tag.
Only if you are hiding that tag and some add logical fallback then it would be easy for you.
Below is the link of the example we have made:
Please test this and let us know your thoughts.
Glad to see you guys are continuing to push the envelope. Very cool!
Thanks for posting this, Kevin!
Sorry for the delay in my response. Thanks for the share, very helpful!
So, I have built a search bar which is working pretty well but I have hit a few walls. I'm hoping somebody can help?
Outlook OSX & online:
The MSO conditionals are not working on OSX Outlook versions and online Outlook.com. When I tested the code from @Kevin_George's build in Outlook.com, the rollback seemed to be working fine. What am I doing wrong?
<!--[if !mso]><!-- -->
Non Outlook code here
<!--[if gte mso 9]>
Outlook code here
Apple Mail desktop:
When the form has the space bar pressed, it page jumps down the email and deselects the form. Is this a functionality problem? Is there a way of turning this off?
Android Gmail & mail:
When the bar is selected, no keyboard pops up. Some devices it does not even select the search bar, just does nothing.
Any help with any of these bugs would be much appreciated. I have spent a lot of time trying to get this working but I cant get past these final bugs.
Hi Perry! Could you give us an example of code of what you're trying to do (even if I guess so)? ;)
I have the same question! I feel like I saw hotel companies put search AND filter functionality into emails years ago. Am I delusional or does this exist?
Here is my code. Why will these conditionals not work on Outlook.com?