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
sdevelopersdeveloper 

Panel Grid Alignment Problem

Hello, 

 

I am using panel grids to combine a few fields on my account detail page (this one is an example of the address field) however, I am having trouble getting it to align with the other fields.  I know that when I enlarge or shrink the size of the window, all the fields move dynamically however, my panel grids do not and instead hug the left side of the Account detail page.  Is there a way to get them to indent and also move dynamically?  

 

Here is me code:

 

<apex:pageblock mode="maindetail">  
    <apex:PageblockSection columns="2" >
        <apex:panelGrid columns="2" >
          <font color="#424242"><b>Coporate Address</b></font>
          <apex:panelGroup >
            <apex:panelGrid columns="1">
              <br>
            </br>
            <apex:outputText value="{!account.billingstreet}"/>
            <apex:panelGroup >
              <apex:outputText value="{!account.billingCity}, {!account.billingState} {!account.billingpostalcode}"/>
              <br></br>
            <apex:outputText value="{!account.billingcountry}"/>
          </apex:panelGroup>
        </apex:panelGrid>
      </apex:panelGroup>
    </apex:panelGrid>
</apex:pageblock>