Sign Up ›
  • Cha Tumtaweetikul 2
  • NEWBIE
  • 0 Points
  • Member since 2021
  • Chatter
    Feed
  • 0
    Best Answers
  • 0
    Likes Received
  • 0
    Likes Given
  • 2
    Questions
  • 3
    Replies
2 replies

Image not Displaying - Visualforce page email notification

Hi,

I'd like to get help figuring out where the image is coming from. It appears as the "x" at the bottom of the email content.
email sample

This email is built using Classic Email Template (visualforce page) - shown below.
  
<messaging:emailTemplate subject="{!IF(relatedTo.Approval_Status__c='Rejected',$Label.TripApprovedEmailSubject2,$Label.TripApprovedEmailSubject1)}" recipientType="User" relatedToType="Trips_Meetings__c">
    <messaging:htmlEmailBody >
        <div style="width: 600px; margin:auto; font-family:Calibri">
            <c:EmailTemplateHeader />
            <apex:outputText escape="false" value="<p>{!relatedTo.Selected_Approver_List__c} {!$Label.TripApprovedEmailBody1} <a href='{!LEFT($CurrentPage.URL,FIND('/',$CurrentPage.URL,9))}{!relatedTo.Id}'>{!relatedTo.Name}</a></p>
                <p>{!$Label.TripApprovedEmailBody2}: {!relatedTo.Trip_Code__c}</p>

                <p>{!$Label.TripApprovedEmailBody5}</p>" 
                rendered="{!relatedTo.Approval_Status__c == 'Approved'}"/>
            
            <apex:outputText escape="false" value="<p>{!$Label.TripApprovedEmailBody7_1} <a href='{!LEFT($CurrentPage.URL,FIND('/',$CurrentPage.URL,9))}{!relatedTo.Id}'>{!relatedTo.Name}</a> {!$Label.TripApprovedEmailBody7_2}.</p>
            <p>{!$Label.TripApprovedEmailBody6} {!relatedTo.Selected_Approver_List__c}</p>
            <p>{!IF(ISBLANK(relatedTo.Approval_Notes__c),'',$Label.TripApprovedEmailBody3 + ': ' + relatedTo.Approval_Notes__c)}</p>" rendered="{!relatedTo.Approval_Status__c == 'Rejected'}"/>
        </div>
    </messaging:htmlEmailBody>
</messaging:emailTemplate>

EmailTemplateHeader is a page component w/ the code below: 
<apex:component id="EmailTemplateHeader" access="global">
	<html>

		<body>
			<style type="text/css" >
              hr{
                    color:#477EF5;
                    background: #477EF5;
                    border-width: 3px;
                    border-style: solid;
                    margin: 20px 0px 20px 0px;
                }
              
            </style>
<!-- commented out section -->
		    <hr/>
		</body>
	</html>
</apex:component>

Not sure where the "x" image is coming from. Any help would be great please!!
 
5 replies

Help w/ Visualforce page - apex:param rendering

I have the following:

<apex:outputText value="{0, number, currency}"><li>{!$ObjectType.Trips_Meetings__c.fields.Budget__c.Label}: <apex:param value="{!relatedTo.Budget__c}"/></li></apex:outputText>

Budget__c is already a currency field type, but I had to add 
value="{0, number, currency}"
in order to display the value with currency symbol and comma.

However, <apex:param/> is getting rendered w/ the <span> automatically.

This is what the result currently looks like:
  • Client Matter #: 55604
  • Estimated Cost:
           $55,604.00
  • Proposed Dates: test
But the goal is to have it displayed as:
  • Client Matter #: 55604
  • Estimated Cost: $55,604.00
  • Proposed Dates: test
I've tried using <apex:variable> and <apex:outputpanel>, but that did not do anything. How do I prevent the child of <apex:outputText>, <apex:param>, getting rendered w/ the <span>.

 
2 replies

Image not Displaying - Visualforce page email notification

Hi,

I'd like to get help figuring out where the image is coming from. It appears as the "x" at the bottom of the email content.
email sample

This email is built using Classic Email Template (visualforce page) - shown below.
  
<messaging:emailTemplate subject="{!IF(relatedTo.Approval_Status__c='Rejected',$Label.TripApprovedEmailSubject2,$Label.TripApprovedEmailSubject1)}" recipientType="User" relatedToType="Trips_Meetings__c">
    <messaging:htmlEmailBody >
        <div style="width: 600px; margin:auto; font-family:Calibri">
            <c:EmailTemplateHeader />
            <apex:outputText escape="false" value="<p>{!relatedTo.Selected_Approver_List__c} {!$Label.TripApprovedEmailBody1} <a href='{!LEFT($CurrentPage.URL,FIND('/',$CurrentPage.URL,9))}{!relatedTo.Id}'>{!relatedTo.Name}</a></p>
                <p>{!$Label.TripApprovedEmailBody2}: {!relatedTo.Trip_Code__c}</p>

                <p>{!$Label.TripApprovedEmailBody5}</p>" 
                rendered="{!relatedTo.Approval_Status__c == 'Approved'}"/>
            
            <apex:outputText escape="false" value="<p>{!$Label.TripApprovedEmailBody7_1} <a href='{!LEFT($CurrentPage.URL,FIND('/',$CurrentPage.URL,9))}{!relatedTo.Id}'>{!relatedTo.Name}</a> {!$Label.TripApprovedEmailBody7_2}.</p>
            <p>{!$Label.TripApprovedEmailBody6} {!relatedTo.Selected_Approver_List__c}</p>
            <p>{!IF(ISBLANK(relatedTo.Approval_Notes__c),'',$Label.TripApprovedEmailBody3 + ': ' + relatedTo.Approval_Notes__c)}</p>" rendered="{!relatedTo.Approval_Status__c == 'Rejected'}"/>
        </div>
    </messaging:htmlEmailBody>
</messaging:emailTemplate>

EmailTemplateHeader is a page component w/ the code below: 
<apex:component id="EmailTemplateHeader" access="global">
	<html>

		<body>
			<style type="text/css" >
              hr{
                    color:#477EF5;
                    background: #477EF5;
                    border-width: 3px;
                    border-style: solid;
                    margin: 20px 0px 20px 0px;
                }
              
            </style>
<!-- commented out section -->
		    <hr/>
		</body>
	</html>
</apex:component>

Not sure where the "x" image is coming from. Any help would be great please!!
 
5 replies

Help w/ Visualforce page - apex:param rendering

I have the following:

<apex:outputText value="{0, number, currency}"><li>{!$ObjectType.Trips_Meetings__c.fields.Budget__c.Label}: <apex:param value="{!relatedTo.Budget__c}"/></li></apex:outputText>

Budget__c is already a currency field type, but I had to add 
value="{0, number, currency}"
in order to display the value with currency symbol and comma.

However, <apex:param/> is getting rendered w/ the <span> automatically.

This is what the result currently looks like:
  • Client Matter #: 55604
  • Estimated Cost:
           $55,604.00
  • Proposed Dates: test
But the goal is to have it displayed as:
  • Client Matter #: 55604
  • Estimated Cost: $55,604.00
  • Proposed Dates: test
I've tried using <apex:variable> and <apex:outputpanel>, but that did not do anything. How do I prevent the child of <apex:outputText>, <apex:param>, getting rendered w/ the <span>.