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
SG- DevOrgSG- DevOrg 

Need help to create two pageblocksection on Custom Template using VisualForce Page and APEX

Hello Experts, I need to create the attached look and feel for senior management review reporting. I am using visualforce page and am able to create most of it using Apex - however, I need your help on how can I create two pageblocksection on the same row - see Update on Relationship & Voice of Customer in the attached?


User-added image
andy81andy81
use nested pageblocksection to achieve it may try this sample code for reference. Mark it as solution if it solves your issue.

<apex:page >
<apex:form >
<apex:pageblock >
<style>
            body .bPageBlock .pbBody .red .pbSubheader{
                background-color:#c00000;
            }
            
        </style>
<apex:pageblocksection columns="2">
<apex:outputPanel styleClass="red">
<apex:pageBlockSection title="Update on relationShip" collapsible="false"> </apex:pageBlockSection>
</apex:outputpanel>
<apex:outputPanel styleClass="red">

<apex:pageblockSection title="Voice of Customer" collapsible="false"></apex:pageblockSection>
</apex:outputpanel>

</apex:pageblocksection>

</apex:pageblock>
</apex:form>
</apex:page>
AdzimmerAdzimmer
Has anyone had success with this?  I am trying to figure out the same as SG- DevOrg is referencing.  Is it even possible to add in essence two separate page block sections on the same row or line?