[SalesForce] Download pdf and video file from html page

I am stuck at a point where I have to give a link to the user on the UI which on getting clicked will download a pdf and video files.

I have placed these files as static resources and I am trying to retrieve them using the "anchor" tag of html5.

I have set the href property of the tag as follows:

pdf file – {!URLFOR($Resource.ToolName_StaticResource,'TrainingGuide/Admin.pdf')}

video file – {!URLFOR($Resource.ToolName_StaticResource,'TrainingGuide/AdminVideo.wmv')}

But unfortunately, due to some reason this doesn't work.

Is the href value incorrect? Or, is there something else that I am missing?

Any help would be appreciated.

Thanks.

Best Answer

Try this, I tested it on my sandbox and works as expected:

<apex:outputLink value="{!URLFOR($Resource.pdfFileName)}" target="_blank">PDF Name</apex:outputLink>
<apex:outputLink value="{!URLFOR($Resource.videoFileName)}" target="_blank">Video Name</apex:outputLink>

Related Solutions

[SalesForce] jquery in a visualforce page

javascript is case sensitive with shortcuts like jquery so use jQuery instead as your shortcut...

more like:

<script type="text/javascript">
    $.noConflict();
    (function($) {
        // Code that uses jQuery's $ can follow here.
    }(jQuery);
</script>

[SalesForce] Font files in Static Resources resolve to 404

You don't provide a lot of detail so its not clear, but it is possible the problem you are seeing is identical to or similar to this...

Font references in CSS such as Bootstrap are usually relative like this:

src:url(../fonts/glyphicons-halflings-regular.eot)

The simplest way to require no changes when using such CSS in Salesforce (and get the fonts to work) is to have one static resource ZIP containing both the CSS and the fonts with this internal folder structure:

bootstrap
    bootstrap.min.css
    bootstrap.min.js
fonts
    glyphicons-halflings-regular.eot
    glyphicons-halflings-regular.svg
    glyphicons-halflings-regular.ttf
    glyphicons-halflings-regular.woff

The CSS can then be referenced in your page using e.g.:

<link href="{!URLFor($Resource.BootstrapZip, 'bootstrap/bootstrap.min.css')}"
        rel="stylesheet" />

which is delivered to the browser as e.g.:

<link href="/resource/1416590327000/BootstrapZip/bootstrap/bootstrap.min.css"
        rel="stylesheet" />

so that the relative reference to the font resolves to the valid URL of:

/resource/1416590327000/BootstrapZip/fonts/glyphicons-halflings-regular.eot

If the CSS and fonts are in separate static resources, then at best you will have to modify the CSS to use the font static resource name, and at worst you might even end up including the resource version timestamp.

Best Answer

Related Solutions

[SalesForce] jquery in a visualforce page

[SalesForce] Font files in Static Resources resolve to 404

Related Topic