Bring your existing html project into to Salesforce with near zero effort

Sometimes we need to bring in our existing html static content into Salesforce. It may be a help document, some product catalogue or may be something else. As a matter of fact it may be a full-fledged html application with tons of Javascript, jQuery, Backbone, Marionette, AngularJS, Underscore or many other things. Converting this entire pack to Visualforce page is a pain. Here is a small lazy solution that might be of help. In brief, don\’t convert anything just refer it. Here is how,

If your entire html source size is below 10MB here is one near zero effort solution for you 🙂

I will be using a template from here: http://www.freewebsitetemplates.com/preview/hairstylesalon/index.html
I have uploaded the entire zip file as a static resource named \”hairstylesalon\” in my org.
Then is I have created this super simple VF page,

Here is the result,

This VF loads the HTML in full screen. In case you need this as a normal tab use this VF,

The small javascript trick we need here is the adjustment of the iframe height. Whenever the content gets changed this automatically adjusts the height. This is the result,

If your project size is more than 10 MB you have to split the folder to 2 or more so that each is within 10 MB size and you need to work on your project to handle this split (handle the references).

Related Posts

Leave a Comment Cancel Reply