Apex Code Development You need to sign in to do that
Don't have an account?
SFine Expanding the width of a column
Hello everyone, I'm trying to expand the width of a column, so that it stretches out across the screen. Any idea how to fix my problem?
Here's the vf code used:
<apex:form >
<apex:pageBlock id="quote">
<apex:pageBlockSection title="Totals" collapsible="true" >
<apex:pageBlockTable value="{!other.lis}" var="item" id="other" styleClass="totals-section" width="100%">
<apex:column styleClass="first"></apex:column>
</apex:pageblocktable>
</apex:pageblockSection>
</apex:pageBlock>
</apex:form>
And the css code:
<style type="text/css">
.pbSubheader h3{
color: #192F68;
}
.totals-section first{
width:800px;
}
</style>
Any ideas? Answers appreciated
You can modify following css class as like
.totals-section first{
width:100%;
}
and remove the width attribute from tag. It should work.
Hello SFine
You have to add attribute columns="1" for apex:pageBlockSection ( If not specified, this value defaults to 2)
<apex:pageBlockSection title="Totals" collapsible="true" >
<apex:pageBlockTable value="{!other.lis}" var="item" id="other" styleClass="totals-section" width="100%">
<apex:column styleClass="first"></apex:column>
</apex:pageblocktable>
</apex:pageblockSection>
change to
-Suresh