+ Start a Discussion
Binu 8Binu 8 

Side bar overlapping to VF Page

Hii Team,

I created a visual force page that contains google map. My page properties are,

showHeader="false" sidebar="false" standardStylesheets="false"
           applyHtmlTag="false"  docType="html-5.0"

But in run time the side bar overlapping to screen. What will be the acual problem? And Please provide the solution

 
NagaNaga (Salesforce Developers) 
Hi Binu,


The scrollbar can be shown on a visualforce page using the inline CSS Style: "overflow:auto" in an Output Panel.

 
And then Place your Datable inside the Output Panel. 

<apex:outputPanel  layout="block" style="overflow:auto;width:750px;height:250px" > 

    <apex:datable>

    .

    .

    . 

    </apex:datable> 

</apex:OutputPanel> 

In the above style,

width:750px - enables the Horizontal Scroll Bar

height: 250px - enables the Vertical Scroll Bar

If you only need the Horizontal Scroll Bar, the height attibute can be removed.

Best Regards
Naga Kiran