You need to sign in to do that
Don't have an account?

Failed to create a simple Visualforce page that displays an image
Create a Visualforce page without the standard Salesforce header and display an image using the Visualforce image component.
The page must be named 'DisplayImage'.
It must NOT display the standard Salesforce header.
It must use a Visualforce apex:image component to display this image - https://developer.salesforce.com/files/salesforce-developer-network-logo.png
<apex:page showHeader="false" title='DisplayImage'>
<apex:pageBlock >
<apex:image url="https://developer.salesforce.com/files/salesforce-developer-network-logo.png"/>
</apex:pageBlock>
</apex:page>
Challenge Not yet complete... here's what's wrong:
The 'DisplayImage' page was not found.
The page must be named 'DisplayImage'.
It must NOT display the standard Salesforce header.
It must use a Visualforce apex:image component to display this image - https://developer.salesforce.com/files/salesforce-developer-network-logo.png
<apex:page showHeader="false" title='DisplayImage'>
<apex:pageBlock >
<apex:image url="https://developer.salesforce.com/files/salesforce-developer-network-logo.png"/>
</apex:pageBlock>
</apex:page>
Challenge Not yet complete... here's what's wrong:
The 'DisplayImage' page was not found.
Hi Sherwin,
<apex:page showHeader="false" title="DisplayImage" sidebar="false">
<apex:form>
<table>
<tr>
<td width="1000px" height="600px;" align="center">
<apex:image url="https://developer.salesforce.com/files/salesforce-developer-network-logo.png" />
</td>
</tr>
</table>
</apex:form>
</apex:page>
This is correct page.
Please mark this as a best answer.
Thanks,
Dileep
All Answers
Hi Sherwin,
<apex:page showHeader="false" title="DisplayImage" sidebar="false">
<apex:form>
<table>
<tr>
<td width="1000px" height="600px;" align="center">
<apex:image url="https://developer.salesforce.com/files/salesforce-developer-network-logo.png" />
</td>
</tr>
</table>
</apex:form>
</apex:page>
This is correct page.
Please mark this as a best answer.
Thanks,
Dileep
Still no luck. The 'DisplayImage' page was not found.
Hi Sherwin,
whatever name you will write inside Name box that will save as a page name.
e.g If you will write 'DisplayImage' in place of 'a_b' in below image then your page name will 'DisplayImage'
Do you want to save page name as like title name ??
<apex:page showHeader="false" title="DisplayImage" sidebar="false">
<apex:form>
<table>
<tr>
<td width="1000px" height="600px;" align="center">
<apex:image url="https://developer.salesforce.com/files/salesforce-developer-network-logo.png" />
</td>
</tr>
</table>
</apex:form>
</apex:page>
Title is a attribute of <apex:page/> tag you can not save page name as like title.Title tag is used for the purpose of tab name.
please let me know about further cofusion.
Thanks,
Dileep
Hi Sherwin,
If you want to create this page using developer console. it will work.
In both way it will work.
1.> Go to setup -> Develop ->Visualforce Page
2>Open Developer console ->select File -> select New -> click on Visualforce page
Give the page name and save.now again go to File -> select Open ->click visualforce page
Two show the page in browser please click on 'PreView' Button.
Thanks,
Dileep
<apex:page showHeader="false" >
<apex:image url="https://developer.salesforce.com/files/salesforce-developer-network-logo.png" />
</apex:page>
Above code snippet is enough..>.
<apex:page showHeader="False">
<apex:pageBlock>
<apex:pageblocksection>
<apex:image url="E:\Users\monika.w\Desktop\salesforce-developer-network-logo.png"/>
</apex:pageblocksection>
</apex:pageBlock>
</apex:page>
I wasted hours on this before finding this post.
Hello Sherwin
the answer goes like this
<apex:page showHeader="false">
<apex:pageBlock title ="DisplayName">
<apex:image url="https://developer.salesforce.com/files/salesforce-developer-network-logo.png"/>
</apex:pageBlock>
</apex:page>
Below one will definately work for you :
<apex:page showHeader="false" title="DisplayImage" >
<apex:image value="https://developer.salesforce.com/files/salesforce-developer-network-logo.png" height="100" width="300" />
</apex:page>
Below one will work :
<apex:page sidebar="false" showHeader="false" >
<apex:image url="https://developer.salesforce.com/files/salesforce-developer-network-logo.png"/>
</apex:page>
Don't add any extra attributes .
Thank You.
Abraços!
Célio Xavier
<apex:page showHeader="false" sidebar="false">
<apex:image url="https://developer.salesforce.com/files/salesforce-developer-network-logo.png" width="300" />
</apex:page>
This is correct page.
Please mark this as a best answer.
Thanks,
Shubhangi
Please try this:
Name of Visualfore Page: DisplayImage.vfp
<apex:page showHeader="false">
<apex:image url="https://developer.salesforce.com/files/salesforce-developer-network-logo.png"/>
</apex:page>
If you wish to use the developer console to construct this page. It'll work out.
It will work in any case.
1.> Select Setup -> Develop -> Visualforce Page from the drop-down menu.
2>Open the Developer console, select File, then New, then Visualforce page.
Save the page after giving it a name.
Go back to File, pick Open, and then click Visualforce page.
You may can use any web to create this, but I recommend using this one—>cell picture (https://depositphotos.com/vector-images/cell.html)
Please click the 'PreView' button to see the page in your browser.
Thanks,