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
Vigneshwaran LoganathanVigneshwaran Loganathan 

Need Help for this...

I need to craete a Visualforce with a Scenario like this..

XXXX       XXXX
XXXX       XXXX
                XXXX
                XXXX

            

Yes, of course I used a <apex:panelgrid column="2"> But it gives the output like this,

XXXX       XXXX
XXXX       XXXX
XXXX       XXXX

        
Any help..!!
Best Answer chosen by Vigneshwaran Loganathan
Shaijan ThomasShaijan Thomas
<apex:page sidebar="true" showHeader="true" tabStyle="Account">
    <apex:form >
        <apex:sectionHeader title="Welcome to the CRM Support Area"/>
        <apex:panelGrid columns="2" cellspacing="20%">
        <apex:pageBlock >
        <apex:pageBlockSection >
            <apex:pageBlockSectionItem >
            <apex:outputLabel >
            <apex:pageBlock title="Support Process">
                <br><apex:outputText >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1. Review Resources</apex:outputText></br>
                <br><apex:outputText >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2. Check <a href="http://www.google.com">Help &amp; Training</a> for general SFDC documentation.</apex:outputText></br>
            </apex:pageBlock>
            <apex:pageBlock title="Ideas Submission">
                <br><apex:outputText ><li><a href="http://www.google.com">Submit</a> your request for an enhancement or new functionality.</li></apex:outputtext></br>
                <apex:outputtext ><li>New to ideas? Read <a href="http://www.google.com">Using Ideas</a></li></apex:outputtext>
            </apex:pageBlock>
             </apex:outputLabel>
            </apex:pageBlockSectionItem>
            <apex:pageBlockSectionItem >
            <apex:outputLabel >
            <apex:pageBlock title="GSFA Support Content Libraries">
                <apex:outputtext styleClass="italicText">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li><a href="http://www.google.com">Training</a></li></apex:outputtext>
                <apex:outputtext >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li><a href="http://www.google.com">Job Aids</a></li></apex:outputtext>
            </apex:pageBlock>
            <apex:pageBlock title="Helps & Training">
                <apex:outputtext ><li>Access <a href="http://www.google.com">Help &amp; Training</a> for a general library of information about using Salesforce.</li></apex:outputtext>
            </apex:pageBlock>
            <apex:pageBlock title="Solutions">
                <apex:outputtext ><li>Access <a href="http://www.google.com">Solutions library,</a> for PB specific solutions to Salesforce issues.</li></apex:outputtext>
            </apex:pageBlock>
            <apex:pageBlock title="Contacts">
                <apex:outputtext ><li><a href="http://www.google.com">Local Support Team</a></li></apex:outputtext>
            </apex:pageBlock>
            <apex:pageBlock title="Tips and Tricks">
                <br><apex:outputtext ><li>Helpful tips for using Salesforce.New tips will be posted here regularly.</li></apex:outputtext></br>
            </apex:pageBlock>
            </apex:outputLabel>
            </apex:pageBlockSectionItem>
            </apex:pageBlockSection>
            </apex:pageBlock>
        </apex:panelGrid>
    </apex:form>
</apex:page>

Check whether it help you
Shaijan

All Answers

Shaijan ThomasShaijan Thomas
can you share the panelgrid code here. 
Thanks
Shaijan
Vigneshwaran LoganathanVigneshwaran Loganathan
<apex:page sidebar="false" showHeader="false" tabStyle="Account">
<apex:form >
<apex:sectionHeader title="Welcome to the CRM Support Area"/>
<apex:panelGrid columns="2" cellspacing="20%">
<apex:pageBlock title="Support Process">
<br><apex:outputText >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1. Review Resources</apex:outputText></br>
<br><apex:outputText >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2. Check <a href="http://www.google.com">Help &amp; Training</a> for general SFDC documentation.</apex:outputText></br>
</apex:pageBlock>
<apex:pageBlock title="Ideas Submission">
<br><apex:outputText ><li><a href="http://www.google.com">Submit</a> your request for an enhancement or new functionality.</li></apex:outputtext></br>
<apex:outputtext ><li>New to ideas? Read <a href="http://www.google.com">Using Ideas</a></li></apex:outputtext>
</apex:pageBlock>
<apex:pageBlock title="GSFA Support Content Libraries">
<apex:outputtext styleClass="italicText">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li><a href="http://www.google.com">Training</a></li></apex:outputtext>
<apex:outputtext >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li><a href="http://www.google.com">Job Aids</a></li></apex:outputtext>
</apex:pageBlock>
<apex:pageBlock title="Helps & Training">
<apex:outputtext ><li>Access <a href="http://www.google.com">Help &amp; Training</a> for a general library of information about using Salesforce.</li></apex:outputtext>
</apex:pageBlock>
<apex:pageBlock title="Solutions">
<apex:outputtext ><li>Access <a href="http://www.google.com">Solutions library,</a> for PB specific solutions to Salesforce issues.</li></apex:outputtext>
</apex:pageBlock>
<apex:pageBlock title="Contacts">
<apex:outputtext ><li><a href="http://www.google.com">Local Support Team</a></li></apex:outputtext>
</apex:pageBlock>
<apex:pageBlock title="Tips and Tricks">
<br><apex:outputtext ><li>Helpful tips for using Salesforce.New tips will be posted here regularly.</li></apex:outputtext></br>
</apex:pageBlock>
</apex:panelGrid>
</apex:form>
</apex:page>

 
Shaijan ThomasShaijan Thomas
<apex:page sidebar="true" showHeader="true" tabStyle="Account">
    <apex:form >
        <apex:sectionHeader title="Welcome to the CRM Support Area"/>
        <apex:panelGrid columns="2" cellspacing="20%">
        <apex:pageBlock >
        <apex:pageBlockSection >
            <apex:pageBlockSectionItem >
            <apex:outputLabel >
            <apex:pageBlock title="Support Process">
                <br><apex:outputText >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1. Review Resources</apex:outputText></br>
                <br><apex:outputText >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2. Check <a href="http://www.google.com">Help &amp; Training</a> for general SFDC documentation.</apex:outputText></br>
            </apex:pageBlock>
            <apex:pageBlock title="Ideas Submission">
                <br><apex:outputText ><li><a href="http://www.google.com">Submit</a> your request for an enhancement or new functionality.</li></apex:outputtext></br>
                <apex:outputtext ><li>New to ideas? Read <a href="http://www.google.com">Using Ideas</a></li></apex:outputtext>
            </apex:pageBlock>
             </apex:outputLabel>
            </apex:pageBlockSectionItem>
            <apex:pageBlockSectionItem >
            <apex:outputLabel >
            <apex:pageBlock title="GSFA Support Content Libraries">
                <apex:outputtext styleClass="italicText">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li><a href="http://www.google.com">Training</a></li></apex:outputtext>
                <apex:outputtext >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li><a href="http://www.google.com">Job Aids</a></li></apex:outputtext>
            </apex:pageBlock>
            <apex:pageBlock title="Helps & Training">
                <apex:outputtext ><li>Access <a href="http://www.google.com">Help &amp; Training</a> for a general library of information about using Salesforce.</li></apex:outputtext>
            </apex:pageBlock>
            <apex:pageBlock title="Solutions">
                <apex:outputtext ><li>Access <a href="http://www.google.com">Solutions library,</a> for PB specific solutions to Salesforce issues.</li></apex:outputtext>
            </apex:pageBlock>
            <apex:pageBlock title="Contacts">
                <apex:outputtext ><li><a href="http://www.google.com">Local Support Team</a></li></apex:outputtext>
            </apex:pageBlock>
            <apex:pageBlock title="Tips and Tricks">
                <br><apex:outputtext ><li>Helpful tips for using Salesforce.New tips will be posted here regularly.</li></apex:outputtext></br>
            </apex:pageBlock>
            </apex:outputLabel>
            </apex:pageBlockSectionItem>
            </apex:pageBlockSection>
            </apex:pageBlock>
        </apex:panelGrid>
    </apex:form>
</apex:page>

Check whether it help you
Shaijan
This was selected as the best answer
Vigneshwaran LoganathanVigneshwaran Loganathan
Hi Shaijin,

That worked great, but I have Small problem, I have given False for Sidebar and Showheader.. and Now its not showin  the Tabstyle icon,

But I need to show it.. Any Suggestions..?

Thank you
Shaijan ThomasShaijan Thomas
https://success.salesforce.com/ideaView?id=08730000000BqNI - Check this

If the information was useful please mark a Best Answer, others can refer your solution in future. If you find the solution, please put the solution here and mark it as Best Answer

Thanks
Shaijan