如何在Visualforce中设置两个pageblock-Elements并行?

时间:2013-03-03 13:03:21

标签: salesforce apex-code visualforce

我想设置两个与Visualforce并行的pageblock-Elements。我怎么能这样做?

<apex:page>

<apex:pageblock title="titleA" id="blockA">

</apex:pageblock>

<apex:pageblock title="titleB" id="blockB">

</apex:pageblock>

</apex:page>

谢谢

1 个答案:

答案 0 :(得分:4)

这就是我要说的一个CSS问题,关于浮动div彼此相邻,使用CSS进行页面布局等。It's been asked on SO numerous times.将它们包装成<apex:outputPanel>,使用float:right等等你应该好好去。

如果您需要纯Visualforce解决方案并且不熟悉CSS,则可以将它们渲染到表中。关于tables shouldn't be used for layouts如何;)

的整个哲学辩论 在这种情况下,

<apex:panelGrid>应该最简单。

<apex:page>
    <apex:panelGrid columns="2">
        <apex:pageblock title="titleA" id="blockA">
        </apex:pageblock>
        <apex:pageblock title="titleB" id="blockB">
        </apex:pageblock>
    </apex:panelGrid>
</apex:page>