+ Start a Discussion
panicforce118panicforce118 

Need help placing a visualforce page into standard page layout - need look and feel?

Hi  I have created a visualforce page that renders an outputfield in this case it is the Account.PersonEmail. 

I now want this to be on the standard page layout next to another field but I want the style to be the same 

does anyone know the css i should do, currently the vs looks like this:

 

<page standardController="Account">

    <apex:outputLabel value="{!$ObjectType.Account.fields.PersonEmail.Label}"/>
    <apex:outputText value="{!Account.PersonEmail}"/>

</page>

 

anjisalesforce@gmail.comanjisalesforce@gmail.com

<apex:page>

<apex:outputLabel value="{!$ObjectType.Account.fields.PersonEmail.La​bel}" style="color:red;font-family:TimesnewRoman; Size:50pts; font-weight:Bold" />

<apex:outputText value="{!Account.PersonEmail}" style="color:red;font-family:TimesnewRoman; Size:50pts; font-weight:Bold"/>

</apex:page>

 

or

 

<apex:page>

 

<style>

.label{

color:red;

size:30pts;

Font-family:Arial;

Font-Weight:Italic;

 

}

</style>

<apex:outputLabel value="{!$ObjectType.Account.fields.PersonEmail.La​bel}" styleclass="label"/>

<apex:outputText value="{!Account.PersonEmail}" styleclass="label"/>

</apex:page>

 

Are u need this or not please give me clarity.....

panicforce118panicforce118

I also want this page to look like a field on the standard page i.e. the position should be the same?

kiranmutturukiranmutturu

<apex:page standardController="Account">
<apex:form>
<apex:pageblock>
<apex:pageblocksection>




<apex:inputField value="{!account.personemail}"/>

</apex:pageblocksection>
</apex:pageblock>
</apex:form>
</apex:page>