Hide content only for Gmail users - gmail

I'm writing email templates and I need to HIDE a piece of content for Gmail users.
There exists [an easy way to SHOW content only to Gmail users] but as you will notice, this isn't reversible as it uses the fact that Gmail ignores display:none;.
There's also a way to show/hide content for Outlook + IE users (using conditional HTML statements like <!–[if gte mso 9]> <![endif]–>), but the same method doesn't seem to exist for Gmail or Yahoo or anything else.
Anybody have any ideas?

Gmail.com will strip all of your CSS located in the header. The only options to hide something is inline styling like display:none !important, but then it will be gone for email client.
So the answer to your question is: No, its not possible.

Related

Docusign responsive signing text tabs

I have a form that has a few fields that need to be filled in for the last signer after 2+ people have already signed it. They cannot be prefilled as they are not known at the time the document is generated.
I'm sending an HTML document to the Docusign API and have it working great for the first set of signers. The problem is when I try to add text tabs to the document (<input data-ds-type="text" /> following this page) I receive a 400 error back from the Docusign servers with this error message:
Some of the supplied HTML tags, attributes or CSS properties on a guided forms tabs were not allowed. Disallowed: HTML attributes [input:data-ds-type]
How can I do this?
Check that your HTML is valid and all characters in it are correct.
The responsive signing HTML validator is much more strict than the one browsers typically have. a bad HTML will break the whole thing and won't let you create the envelope and the error message unfortunately right now is not as helpful as it can be, but I'll ask to improve this.

Email Newsletter - Layout goes weird in gmail

I created a newsletter for MailChimp. All looks good when I put it in the mailchimp website.
However when I send a test email to myself, some parts of the layout goes wrong in Gmail.
Some content goes too left and other content goes too right. While the header and some parts at the bottom is in the right place. It looks fine on my Phone.
My Newsletter Code: http://pastie.org/private/cwvosox7nzezqif7r3myoq
A picture of the problem i'm getting in Gmail: http://imgur.com/MPJNJq2
Can you please help me fix how its displayed in Gmail?
Thank you!
It looks like the width of your page is bigger than gmail's div ...
Or kleinfreund idea also have a good point.
edit: I just re-read, looks like this is your own html. Your display problems are directly related to the styles being in your head.
The code that you are displaying above has everything in the head, gmail does not recognize anything between the <head></head> tags.
You will need to move all of your css into inline styles

Gmail is trimming html email content. How to avoid the issue?

Gmail introduced a trimming feature in emails for "better readability". This causes a lot of pain for me, as I have a notification system for email, where I send some html email messages to users. Basically email looks like this:
divs and styling
Object alert in Project by User
tables and tr/td
User Action on Object in Project
/tables and tr/td
/divs and styling
link
footer
To group all emails in one conversation, first email has subject, subsequent emails have Re: subject.
Active users can receive significant amounts of emails like this, but due to "better readability" feature, ALL of the email content (starting from second email) is suppressed.
I am looking for advice - maybe I should redesign my html, or gmail has some anti-suppression code, or just a hack to go around this issue.
Issue from users perspective is described here: http://www.google.com/support/forum/p/gmail/thread?tid=756b83fa60ca1df7&hl=en
I had the trimming problem occurring on a table of an HTML newsletter.
It was very important that the entire table display because it was the
#1 content our client wanted to communicate. Here's the fix, or at least here's how we solved our problem. We eliminated any repetition.
So for this table, the lines in between each row, Gmail was seeing the
lines as repetitive. So I altered the pixel width by 1 px every other
line, which eliminated the repetition and fixed our problem. So that
said, look for repetition, and try to remove it. OR in some cases, you
might have to add type (in white) to create the variation.
Source.
PS: This is a bit unrelated, but I stumbled upon this question while looking for a way to disable the content trimming and keep the conversation view at the same time. I didn't find anything, so I developed a small extension for Chrome and Firefox.
It turns out that there is a very simple rule which causes this behaviour: Gmail will clip the email as soon as it sees the sender (From:) name in the body of the message, regardless of where this appears.
Solution: make sure that that the From: name in your email is not used in the message body (except in the signature, which will probably get clipped!).
This is an awful bug in Gmail, if you're unlucky enough to get bitten by it.
In my case, it was "trimming" an entire message, in a clean thread. See an example here, noting that the "trimmed" content is expanded in the screen-shot.
I ultimately worked around Gmail's bug by removing the entire header you see in that example ("Awesome Home Swap"), including the border below it. I stopped short of actually trying to figure out what specifically was making Gmail confuse that header as a "signature" (though I suspect it could have been the border, implemented using CSS directive border-bottom:1px dotted grey to style the <td> element).
I just found a solution that worked wonderfully for me. Simply create a bunch of hidden unique images throughout your emails to provide uniqueness to parts of the email that aren't actually unique. I'm building my emails with React so I have this Unique components that I'm using pretty much everywhere:
import * as React from "react"
function random() {
return Math.round(Math.random() * 10000000).toString()
}
class Unique extends React.PureComponent {
render() {
return (
<img style={Unique.style} src={`data:image/png;base64,${random()}`} />
)
}
static style = {
visibility: "hidden",
display: "none",
width: 0,
height: 0,
color: "transparent",
background: "transparent",
}
}
One thing I like about this solution is that it doesn't mess up the email preview text that would otherwise happen if you're using hidden text.
Add a double hyphen -- before the collapsed part. I was able to wrap it in a with font color matching the background. Worked for me...
I looked at the emails Gmail sent. Adds the following code (spacer.gif).
I guess this is the solution.
<img alt="" height="1" width="3" src="https://notifications.google.com/g/img/AD-FnEztup4OClDshQhMVXDbi6Oi0lSN-FgEY1jyW384aotccA.gif">
</td>
</tr>
</table>
</body>
</html>

Where can I find discussion board newform.aspx page to modify?

I have to modify text in discussion board new post page. Now it is showing "Items on this list require content approval. Your submission will not appear in public views until approved by someone with proper rights. More information on content approval."
I have to append some text to this message. I am trying to find discussion board newform.aspx page to modify. Please let me know where can I get that?
Assuming your discussion list is called "Public Discussion" at a site called "http://yoursite"
Connect to the site (http://yoursite) with sharepoint designer
Go to All Files -> Lists -> Public Discussion -> NewForm.aspx
Edit file
Look for <asp:Content ContentPlaceHolderId="PlaceHolderMain" runat="server">
Add content as needed
Save file, it will warn you that you are about to save a customised layout.
The message you describe is injected by sharepoint's content approval framework. To custom the messsage, you will most likely need to use javascript to find the message box and change the text.
On my site the html xpath to the node is something like this:
//span[#id='part1']/table/tbody/tr/td[2]
On the file system it will be here:
$sphome / "Name of your discussion board" (this will be a folder) / Forms / newform.aspx
There is a similar question asked here. It describes custom template controls handle the display of this content.
There is also a link here that describes a solution to do this using css. This would allow you to hide the OOB text and then have your own content displayed instead. However, there is some question of it working on broswers other than IE so include this in your testing.

Hide username and date in Drupal page

I need to make a completely blank page in Drupal. If I don't give body of the page then it is showing the username and date as must. Is there any way to hide this information?
Or can I get the method which generates the contents of a page?
Thanks
Yes, you need to go to the admin panel. In Site building->Themes->Configure->Global Settings there's a box titled "display post information". Tick or untic the content types where you want to show/hide the info.
If you want to do it the hard way, then yes, there is a way of doing it in PHP. In your theme code, you can create a template for either your content type or even an individual page (node-24.tpl.php, where 24 is your node's NID). There, you can write anything you consider necessary, like:
<?php
echo "<h2>$title</h2>";
echo $content;
This will display only the page title and the page body, with no additional sweetness whatsoever :).

Resources