remove scrollbar for an outputfield value in VF page.

Hi All,

I have a multiselect picklist value in an object . it contains around 40 values. Selected all the values. when i am reteriving the field in VF page through <apex:outputfield value ="{!abc__c.xyz__c}" /> am getting scrol bar for this field which i dont want.
I dont want all the values needs to be display....without scrolling down.
pleae help me on this ASAP.

April 2, 2014
·
Answer
·
Like
2
·
Follow
2

Ashish_SFDC
Hi Uday,

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.

Regards,
Ashish

April 3, 2014
·
Like
0
·
Dislike
0

praveen murugesan
Hello Uday,

You use this in output field to avoid scroll bar overflow:hidden;

<apex:outputfield value ="{!abc__c.xyz__c}" style="overflow:hidden"/>

Thanks

April 4, 2014
·
Like
0
·
Dislike
0

You need to sign in to do that.

Need an account? Sign Up

Have an account? Sign In

Dismiss

Browse by Topic

Welcome to Support!

Show

sorted by

remove scrollbar for an outputfield value in VF page.

You need to sign in to do that.