I want to make my visualforce page responsive.
I want two column layout to display values of a record.
Just like a detail page(Standard Salesforce page) of any record, Where two-column layout is there.
I am not getting right css or approach.
[SalesForce] Implementing Bootstrap in visualforce
Related Solutions
Content of <apex:relatedList> will match what your user would see for same record on standard page layout. So your best choice is to configure the list on page layout. Remember that if you still don't see the fields you expect, the standard caveats apply:
- do you have rights to read on the fields from the related list?
- if the fields are lookups - do you have at least "Read" right to the referenced object
- (licensed package fields) do you have have a licence associated to your user
- (page layout assignment depends on Profile and optionally on Record Type) are you sure you've modified the right page layout for your combination?
Yes In Edit layout you can't show the inline vf page.
If you want to show in edit page.
You need to override edit page. You need to build custom edit page that will create page
<apex:page standardController="MyCustomObject__c">
<apex:form>
<apex:inputField value="{!MyCustomObject__c.name}"/> <p/>
<apex:commandButton value="Save" action="{!save}"/>
</apex:form>
</apex:page>
You need to ovverride you edit button on your custom object ex. MyCustomObject__c
Go to your custom object --> goto button,link section
Click on edit button. select Override With visualforce
select your above created VF page.
and save.
Hope this will help you
If you want this feature please vote here..
https://success.salesforce.com/ideaview?id=08730000000Br8CAAS
Best Answer
If you want to use Bootstrap for 2 columns and make it responsive use classes "Row" & "col-md-6". Bootstrap site has heavy set of examples and very good documentation on how to use these classes.