function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
José UreñaJosé Ureña 

How to customize Page Layout's Section Styles

I would like to achieve something like this:
User-added image

It is possible to do this using the Enhanced Page Layout Editor? Or it is only possible through VF page? This form have more than 200 fields by customer request and i don't want to code id...
Rakesh Thota 15Rakesh Thota 15
Hi Jose Urena,

This is not possible, you can edit the page layout but you cannot change the style of standard layout. For more information regarding this, please refer the below links
  1. https://help.salesforce.com/articleView?id=customize_layoutcustomize_ple.htm&type=0
  2. https://developer.salesforce.com/forums/?id=906F0000000973AIAQ
Hope this links will help you to fix your issue. make it solved if its works for you. 


Best Regards,
Rakesh Thota.

 
Arun Prasath 5Arun Prasath 5
Hi Jose,

Please try the below code.
 
<apex:page standardController="Account" showHeader="false" applyBodyTag="false" applyHtmlTag="false">
    <style type="text/css">
        td{
            width: 50%;
            font-weight: bold;
            font-size: 1.5em;
            background: #ebaf59;
            border: 1px solid #ebaf59;
            box-shadow: 0px 0px 15px;
            border-radius: 5px;
        }
        div{
            padding:10px
        }
    </style>
    <div>
        <table width="100%">
            <tr>
                <td>Test Sections</td>
            </tr>
        </table>
    </div>
</apex:page>



Note: 
  1. Make sure you use these attributes for the VF Parkup: showHeader="false" applyBodyTag="false" applyHtmlTag="false"
  2. Use the StandardController so that they are listed in the Visualforce Pages List when in the Edit Layout mode.
Hope this links will help you to fix your issue. make it solved if its works for you.