Use bootstrap in visualforce page

Hi All,

This is a simple post which covers how to add and use bootstrap css in your Visualforce page.

There are some bootstrap related posts which you can read it here.

You will get to know how simple it is to achieve this after reading this post.

Steps to follow

  1. Add bootstrap css
  2. Use bootstrap css in Visualforce page

Add bootstrap css

You can add the bootstrap css in two ways 

View/Open a file in Document Object

Hi Folks

This post will help you to view or download (if its a word doc) a file in Visualforce page from the Document objects.

I had a requirement that when i click on a link in Visualforce page, it should open a file from Document Object in new tab. For example - Click on Terms&Conditions link. 

Follow the steps to do this:

Step 1: Add a pdf file in Document Object in Salesforce Org. For Eg: Add a pdf file in Document Object in the name of Terms And Conditions.

Adding image button in Lightning

Hello Folks,

Recently, some one asked a way to add image for a Button in Lightning Component. I have been working on Lightning Components for past two months. So I thought of writing this post.

Let me split this in two steps.

1) Add Image in Static Resource

2) Add Image for a button


1) Add Image in Static Resource

Upload your image in Static Resource to use this image in Lightning Component.

Salesforce Developer Certification changes

As you recently heard, Salesforce University is introducing three new certifications designed to help you make the most of the newest technology innovations on the Salesforce1 Platform. Those are

  1.    Salesforce Certified Platform App Builder.
  2.    Salesforce Certified Platform Developer I and
  3.    Salesforce Certified Platform Developer II.


Transition Exam prerequisite

What if I am 401 certified ?

Use Bootstrap in lightning component

<aura:component implements="force:appHostable">
    <link href='/resource/1439362248000/heatspace__Bootstrap/bootstrap-sf1-0.1.0-beta.15/dist/css/bootstrap.min.css' rel="stylesheet"/>
    <ui:inputDate aura:id="dateField" label="Date :" displayDatePicker="true" class="form-control"/>

Hi geeky developers laugh,