function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
Bhuvanakruthi MudholeBhuvanakruthi Mudhole 

how to write css for the following visualforce page

<apex:page standardController="YW_Solutions__c" lightningStylesheets="true">
<apex:includeLightning />
<apex:pageBlock >
<apex:pageBlockSection columns="2">
<apex:pageblocksection title="Trench Work Detail">
<apex:outputField value="{!YW_Solutions__c.Excavated_Length_m__c}"/><br/>
     <apex:outputField value="{!YW_Solutions__c.Backfilled_Length_m__c}"/><br/>
     <apex:outputField value="{!YW_Solutions__c.Reinstated_Length_m__c}"/><br/>
 </apex:pageblocksection>
  <apex:pageblocksection title="Single Excavation Detail">
     <apex:outputField value="{!YW_Solutions__c.Total_Number_of_Open_Excavations__c}"/><br/>
     <apex:outputField value="{!YW_Solutions__c.Total_Number_of_Excavations_Backfilled__c}"/><br/>
     <apex:outputField value="{!YW_Solutions__c.Total_Number_of_Excavation_Reinstated__c}"/><br/>
 </apex:pageblocksection>
    </apex:pageBlockSection>
</apex:pageBlock>
</apex:page>
Waqar Hussain SFWaqar Hussain SF
try below code 
<apex:page standardController="YW_Solutions__c" lightningStylesheets="true">
  	<apex:slds />
    <apex:includeLightning />
    <apex:pageBlock>
        <apex:pageBlockSection columns="2">
            <apex:outputText label="Trench Work Details" value=""></apex:outputText>
            <apex:outputText label="Single Excavation Details" value=""></apex:outputText>
            <apex:outputField value="{!YW_Solutions__c.Excavated_Length_m__c}" />
            <apex:outputField value="{!YW_Solutions__c.Total_Number_of_Open_Excavations__c}" />
            <apex:outputField value="{!YW_Solutions__c.Backfilled_Length_m__c}" />
            <apex:outputField value="{!YW_Solutions__c.Total_Number_of_Excavations_Backfilled__c}" />
            <apex:outputField value="{!YW_Solutions__c.Reinstated_Length_m__c}" />
            <apex:outputField value="{!YW_Solutions__c.Total_Number_of_Excavation_Reinstated__c}" />
        </apex:pageBlockSection>
    </apex:pageBlock>
</apex:page>