+ Start a Discussion

how to create a visualforce page that looks like other pages?



I've used as stylesheet value -> 'styles.css'
in one of the tutorials, the table looks great, but the salesforce environment on that page looks different then other tabs.


I've tried using different styleslike:    'allCustom.css' or 'Theme3.css' and got the regular fill and look of salesforce but my data table looks really bad.


Is there a ready style that would allow my data table to look great while keeping the look and fill of other salesforce pages?




Are you using visualforce Tags?


Most of the visualforce tags that show data in a special manner have their own standard styles.

Could you post a bit of code of your VF Page so we can check what you're doing?


Just doing the Force.com workbook tutorial 7 with the small difference of droping this lines:

standardStylesheets="false" showHeader="false" sidebar="false"


So my code is:

<apex:page standardController="Merchandise__c" recordSetVar="products">

<apex:stylesheet value="{!URLFOR($Resource.styles, 'styles.css')}" />

<h1>Inventory Count Sheet</h1>


<apex:dataTable value="{!products}" var="pitem" rowClasses="odd,even">

<apex:column headerValue="Product">

<apex:outputText value="{!pitem.name}"/>